Foros del Web - Ver Mensaje Individual - Deshabilitar checkbox a travez de un select

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