deshabilitar un grupo de radiobutton

andoencombi · #1 (**permalink**) 21/02/2011, 11:47

hola foro como puedo hacer esto:

tengo dos grupos de radiobutton cuando elijo una opcion del primer grupo se debe de resetear el segundo grupo para que deba de elegir una nueva opcion

andoencombi · #2 (**permalink**) 21/02/2011, 11:57

creo que esta confuso verdad, bueno lo explico otra vez,

tengo dos grupos de raddiobuttons elijo una opcion del primer grupo y despues elijo una opcion del segundo grupo, pero si por alguna razon quiero cambiar la opcion del primer grupo se borre la opcion que habia elegido del segundo grupo

ocp001a · #3 (**permalink**) 21/02/2011, 11:58

Eso no es deshabilitar, es destruir y volver a construir nuevos radiobuttons.
Para esto debes consultar información sobre removeChild() y appendChild(), para poder quitar y poner nuevos input( tipo radio) al formulario.

andoencombi · #4 (**permalink**) 21/02/2011, 12:28

si eso ya lo habia visto pero las opciones del segundo grupo de raddio no dependen del primer grupo, son opciones independientes, solo quiero que si cambian la opcion del primer grupo deban de volver a elegir una opcion del segundo grupo

ocp001a · #5 (**permalink**) 21/02/2011, 12:31

entonces debes cambiar su propiedad checked, a false.

andoencombi · #6 (**permalink**) 21/02/2011, 12:46

mmmmm..... se la cambio pero no pasa nada solo que cuando entro a la pagina ya esta seleccionada.

andoencombi · #7 (**permalink**) 21/02/2011, 12:47

o como puedo hacer para que cuando elija una opcion del grupo de radiobuton ya no pueda cambiarla, es decir cuando elija una opcion se deshabilñite todo el grupo.

omarMusic · #8 (**permalink**) 21/02/2011, 13:20

En los dos casos los llamas por su nombre de grupo

para limpiar los radiobutton:

var opciones = document.getElementsByName("RadioGroup2");
for(var i=0; i<opciones.length; i++) {
opciones[i].checked = false;
}

para deshabilitar los radiobutton:

var opciones1 = document.getElementsByName("RadioGroup1");
for(var i=0; i<opciones1.length; i++) {
opciones1[i].disabled = true;
}

Saludos!

andoencombi · #9 (**permalink**) 21/02/2011, 13:33

y como los mando a llamar o como hago para que se ejecuten, porque ya los puse pero no pasa nada.

omarMusic · #10 (**permalink**) 21/02/2011, 14:11

Acá un ejemplo:

Código HTML:

Ver original<html>
<head>
<title>Radiobutton</title>
<script>
function resetear() {
    var opciones = document.getElementsByName("RadioGroup2");
    for(var i=0; i<opciones.length; i++) {
        opciones[i].checked = false;
        opciones[i].disabled = false;
    }
}
 
function deshabilitar() {
    var opciones = document.getElementsByName("RadioGroup2");
    for(var i=0; i<opciones.length; i++) {
        opciones[i].disabled = true;
    }
}
</script>
</head>
<body>
    <form id="form1" name="form1">
        <h3>Grupo 1</h3>
        <input type="radio" name="RadioGroup1" onclick="resetear();" />Valor1<br />
        <input type="radio" name="RadioGroup1" onclick="resetear();" />Valor2<br />
        <input type="radio" name="RadioGroup1" onclick="resetear();" />Valor3<br />
        <h3>Grupo 2</h3>
        <input type="radio" name="RadioGroup2" onclick="deshabilitar();" />Valor4<br />
        <input type="radio" name="RadioGroup2" onclick="deshabilitar();" />Valor5<br />
        <input type="radio" name="RadioGroup2" onclick="deshabilitar();" />Valor6<br />
        </form>
    </body>
</html>

Suerte!

andoencombi · #11 (**permalink**) 21/02/2011, 14:44

Gracias omarMusic