JavaScript - checkbox javaScript

   
Vista:

checkbox javaScript

Publicado por yordanis (6 intervenciones) el 18/04/2008 00:32:13
Hola a todos
tengo un problema , en este codigo que les envio debajo quisiera que si pincho el checkbox para el fin de semana completo se me desactiven los de los otros dias y si pincho alguno de los otros checkboxes se me desactive el del fin de semana completo, esto es para hacer una reservacion para comer en una escuela el fin de semana completo o los dias que quiera hacerlo
gracias

<table width="363" height="246" border="0" cellpadding="0" cellspacing="0">

<tr>
<th width="162"><div align="left">Dias</div></th>
<th width="108"><div align="left">Almuerzo</div></th>
<th width="93"><div align="left">Comida</div></th>
</tr>

<tr>
<td height="33">Viernes </td>
<td> </td>
<td><label>
<input name="viernesCom" type="checkbox" id="viernesCom" value="checkbox" />
</label></td>
</tr>
<tr>
<td height="33">Sabado</td>
<td><input name="sabadoAlm" type="checkbox" id="sabadoAlm" value="checkbox" /></td>
<td><input name="sabadoCom" type="checkbox" id="sabadoCom" value="checkbox" ></td>
</tr>
<tr>
<td height="33">Domingo</td>
<td><input name="domingoAlm" type="checkbox" id="domingoAlm" value="checkbox" ></td>
<td><input name="domingoCom" type="checkbox" id="domingoCom" value="checkbox" /></td>
</tr>
<tr>
<td height="33">Fin de Semana Completo: </td>
<td><label>
<input name="todos" type="checkbox" id="todos" value="checkbox" />
</label></td>
</tr>
</table>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:checkbox javaScript

Publicado por yordanis (6 intervenciones) el 18/04/2008 19:13:25
Saludos,

Una sencilla opción:

<script type="text/javascript">
function verific(){
for (i=0;i<document.forms[0].elements.length-1;++ i)
{
if (document.forms[0].todos.checked==true){
document.forms[0].elements[i].disabled=true}

if (document.forms[0].todos.checked==false){
document.forms[0].elements[i].disabled=false}
}
}
</script>
<form>
<table width="363" height="246" border="0" cellpadding="0" cellspacing="0">

<tr>
<th width="162"><div align="left">Dias</div></th>
<th width="108"><div align="left">Almuerzo</div></th>
<th width="93"><div align="left">Comida</div></th>
</tr>

<tr>
<td height="33">Viernes </td>
<td> </td>
<td><label>
<input name="viernesCom" type="checkbox" id="viernesCom" value="checkbox" onclick="verific()"/>
</label></td>
</tr>
<tr>
<td height="33">Sabado</td>
<td><input name="sabadoAlm" type="checkbox" id="sabadoAlm" value="checkbox" onclick="verific()" /></td>
<td><input name="sabadoCom" type="checkbox" id="sabadoCom" value="checkbox" onclick="verific()" ></td>
</tr>
<tr>
<td height="33">Domingo</td>
<td><input name="domingoAlm" type="checkbox" id="domingoAlm" value="checkbox" onclick="verific()" ></td>
<td><input name="domingoCom" type="checkbox" id="domingoCom" value="checkbox" onclick="verific()" /></td>
</tr>
<tr>
<td height="33">Fin de Semana Completo: </td>
<td><label>
<input name="todos" type="checkbox" id="todos" value="checkbox" onclick="verific()" />
</label></td>
</tr>
</table>
</form>

Con el código se pueden controlar los estados de los tres días. De modo que, según esté el fin de semana, así estarán. La inversa complica un poco más el script, y no hace realmente falta.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar