Checkbox con radiobutton disabled

Phantomluffy · #1 (**permalink**) 19/05/2010, 00:28

Hola buenas, no me funciona mi código, si alguno sabe como hacer que funcione...

Quiero que checkeando un checkbox habilite la zona de los radiobutton, y si no esta checkeado se vean los radiobuttons pero no esten disponibles.

Código HTML:

Ver original<html><head>
<script>
function habilitar1(){
    if (document.form1.check.checked == false) {
        document.form1.radio.disabled = true;
    }
    else{
        document.form1.radio.disabled = false;
    }
}
</script>
</head>
<body>
<form name="form1" method="post" action="#">
<INPUT name="check" type="checkbox" onchange="habilitar1()">
<input type="radio" name="radio" disabled="disabled">
<input type="radio" name="radio" disabled="disabled">
<input type="radio" name="radio" disabled="disabled">
</form></body>
</html>

quimfv · #2 (**permalink**) 19/05/2010, 02:23

Código Javascript:

Ver original//Recibo el objeto checkbox (obj) y el formulario
function habilitar1(obj,formulario){
 
//Miro si obj esta checkeado o no
    if (!obj.checked) {
        disabledSINO = "disabled";
    }else{
        disabledSINO = "";
    }
 
//Recorro el formulario buscando radiobutons 
//y los activo o desactivo en funcion de lo anaterior...
 
//Aqui podrias mejorarlo jugando con el nombre de los radio para seleccionar el grupo
 
 
    for (i=0;i<formulario.elements.length;i++){
        if(formulario.elements[i].type=="radio"){
            formulario.elements[i].disabled=disabledSINO;
        }
    }
}

Código HTML:

Ver original<html><head>
<script>
function habilitar1(obj,formulario){
    if (!obj.checked) {
        disabledSINO = "disabled";
    }else{
        disabledSINO = "";
    }
    for (i=0;i<formulario.elements.length;i++){
        if(formulario.elements[i].type=="radio"){
            formulario.elements[i].disabled=disabledSINO;
        }
    }
}
</script>
</head>
<body>
<form name="form1" method="post" action="#">
<INPUT name="check" type="checkbox" onchange="habilitar1(this,this.form)">
<input type="radio" name="radio" disabled="disabled">
<input type="radio" name="radio" disabled="disabled">
<input type="radio" name="radio" disabled="disabled">
</form></body>
</html>

Si?

Quim

Phantomluffy · #3 (**permalink**) 19/05/2010, 02:33

Sí, muchas gracias

muy amable.

Un saludo chao.