Duda html y javascript, button, checkbox y redirect

nevir69 · #1 (**permalink**) 17/04/2014, 20:09

buenas noches:

Llevo un ratillo dandole vueltas a una cosilla que quiero hacer y es que:

Necesito mostar un texto y un checkbox que esté activo para poder presionar uno de los dos botones, esos dos botones deben redireccionar a dos url diferentes, si el checkbox no está activo que muestre un alert diciendo que debe activarse y una vez activado que permita presionar los botones.

El código al que llevo un rato dandole vueltas es este:

Código:

<body>

<form action="" class="validar_form" method="post">
    <h1>Checkbox</h1>
    <div><input type="checkbox" name="chck[]" value="aceptar" /><label>aceptar</label></div>
    
    <div class="errors error1"></div>
    
 
    <button class="enviar">Enviar</button>
    </form>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
        $(".validar_form").submit( function(){
         });
    </script>


<script>
$(".validar_form").submit( function(){
        var check = $("input[type='checkbox']:checked").length;
        
            if(check == ""){
                $('.error1').text("debes aceptar");
                return false;
           
                return false;
            } else {
                $('.errors').hide();
                window.location.href='http://google.com';
                return true;
            }  
    });</script>

hasta ahora, si comprueba el checkbox para permitirme pulsar el boton, pero pulsar el boton no realiza ninguna accion a pesar de haber puesto que redireccione en este caso a google

un saludo y gracias ;)

nevir69 · #2 (**permalink**) 18/04/2014, 06:06

Bueno he seguido dandole vueltas y el código que tengo ahora es este:

<form action="http:/pagina1.com" action="" onSubmit="return false;">
<input type ="checkbox" name="action" value="forum">
<b>Acepto</b>
<input type="submit" name="submitButton" onClick="check_agree(this.form);" value="Foro">

<form action="http://pagina2.com" action="" onSubmit="return false;">
<input type="submit" name="submitButton" onClick="check_agree(this.form);" value="Tienda">

</form>

<script language="Javascript">
function check_agree (form) {
if (form.action.checked) {
form.submitButton.disabled = true;
form.submit();
}
else { alert('Debes aceptar para poder entrar.'); }
}

</script>

el caso es que aunque en el boton dos esté puesta otra url, redirecciona al mismo sitio que el boton uno, ¿en qué estoy fallando?, un saludo y gracias nuevamente

rjulio21 · #3 (**permalink**) 18/04/2014, 07:49

Código Javascript:

Ver original<form>
<input id="action" type ="checkbox" name="action" value="forum">
<b>Acepto</b>
<input type="button" name="botonUno" onClick="check_agree(this);" value="Foro">
 
 
<input type="button" name="botonDos" onClick="check_agree(this);" value="Tienda">
 
</form>
 
<script>
function check_agree (btn) {
if (document.getElementById('action').checked) {
    if(form.value=='Tienda'){
    window.location.href="http://www.google.com";
     //console.log('tienda');
    }else if(form.value=='Foro'){
    //console.log('foro');
    window.href="http://www.forosdelweb.com";
    }
}
else { alert('Debes aceptar para poder entrar.'); }
}
 
</script>

Seria asi. cambiando los href por tus urls. o al menos asi lo hacia yo. mantienes un solo form y haces la redireccion con el mismo javascript.

Espero que te sirva. saludos.