Habilitar/deshabilitar botones radio en función de checkbox
Escrito por J.F. el Lunes, 20 de Agosto del 2007 a las 12:33
Habilitar/deshabilitar botones radio en función de checkbox
El ejemplo de hoy, trata acerca de habiliar y deshabilitar unos botones de radio en función de si hemos marcado una casilla de verificación o no, con Javascript. Puede resultarnos útil en caso de querer añadir algunas opciones más, que solo se habilitan si marcamos cierto campo. El código del ejemplo es el siguiente:
HTML:
-
function habilitarCondicion(){
-
if(document.formulario.nombre_checkbox.checked == true){
-
document.formulario.nombre_checkbox.value = "true";
-
-
document.formulario.nombre_radio[0].disabled = false;
-
document.formulario.nombre_radio[1].disabled = false;
-
document.formulario.nombre_radio[2].disabled = false;
-
}else{
-
document.formulario.nombre_checkbox.value = "false";
-
-
document.formulario.nombre_radio[0].checked = false;
-
document.formulario.nombre_radio[1].checked = false;
-
document.formulario.nombre_radio[2].checked = false;
-
-
document.formulario.nombre_radio[0].disabled = true;
-
document.formulario.nombre_radio[1].disabled = true;
-
document.formulario.nombre_radio[2].disabled = true;
-
}
-
}
-
</script>
-
</head>
-
<form name="formulario">
-
</form>
-
</body>
-
</html>
Como puedes observar lo conseguimos jugando con la propiedad disabled, que deshabilita distintos campos si ponemos su valor a true, o los deja habilitado si su valor es false. La sintáxis es la siguiente:
document.nombre_formulario.nombre_campo.disabled = true(false);
Categoria: Javascript
- Añadir este post a
- Del.icio.us -
- Meneame -
- Digg -
- Webeame
No hay comentarios
Entradas relacionadas
Deja un comentario
Escribir un comentario
