Deshabilitar checkbox a travez de un select

soldierjesus · #1 (**permalink**) 06/10/2010, 09:53

Hola tengo una duda

No se como al cambiar la opcion del select deshabilitar un checkbox

Gracias.

emprear · #2 (**permalink**) 06/10/2010, 15:43

soldierjesus:
Este ejemplo es muy genérico, porque hace que cualquier opción del select desmarque todos los checkbox (en caso de que tuvieses más de uno)

Habría que ajustarla para algo más preciso

Código HTML:

Ver original<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>CheckBox</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="copyright" content="&copy; 2006, Guillermo Gianello" xml:lang="es" lang="es" />
<meta name="author" content="http://emprear.com"  xml:lang="es" lang="es" />
 
<script type="text/javascript">
//<![CDATA[
function des(){
var cbv = document.form1.dia.value;
var i = "";
   for (i=0;i<document.form1.elements.length;i++){
    if(cbv != ""){
         document.form1.elements[i].checked=0
} 
 }
 
}
//]]>
</script>
</head>
<body>
<div>
<p>Cambiar estado checkbox a través de select onchange</p>
<form method="post" action="#" name="form1">
<select name="desmarcar" onchange="des();">
<option value="">Su opción</option>
<option value="a">A</option>
<option value="b">B</option>
</select>
<br /><br />
lunes<input type="checkbox" name="dia" checked="checked" value="lunes"/>
martes<input type="checkbox" name="dia" value="martes" checked="checked" />
<input type="submit" value="enviar" />
</form>
</div>
<!-- ©2000 Emprear.com -->
</body>
</html>

demo
http://foros.emprear.com/html/sniper/select-cb.html

Saludos

soldierjesus · #3 (**permalink**) 11/10/2010, 16:07

Muchas gracias