Tema: Validar que se seleccione al menos un option
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 15/12/2009, 04:03
quimfv
Colaborador
  
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 10 meses
Puntos: 574
Respuesta: Validar que se seleccione al menos un option
Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Documento sin t&iacute;tulo</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <script language="JavaScript" type="text/JavaScript">
  7. function valida(){
  8. var seleccionado=false;
  9.     for (i=0;i<4;i++){
  10.         if (document.getElementById("opl10"+i).checked==true){
  11.             seleccionado=true;
  12.         }
  13.     }
  14.     if (seleccionado){
  15.         document.getElementById("segundalinea").style.display="block";
  16.     }else{
  17.         document.getElementById("segundalinea").style.display="none";
  18.         for (i=0;i<4;i++){
  19.             document.getElementById("opl20"+i).checked=false;
  20.         }
  21.     }
  22. }
  23. </script>
  24. </head>
  25. <body>
  26. <table width="100%" border="1" cellspacing="0" cellpadding="0">
  27.   <tr>
  28.     <td><input name="opl100" type="checkbox" id="opl100" value="" onChange="valida()"></td>
  29.     <td><input name="opl101" type="checkbox" id="opl101" value="" onChange="valida()"></td>
  30.     <td><input name="opl102" type="checkbox" id="opl102" value="" onChange="valida()"></td>
  31.     <td><input name="opl103" type="checkbox" id="opl103" value="" onChange="valida()"></td>
  32.   </tr>
  33. </table>
  34. <span id="segundalinea" style="display:none">
  35. <table width="100%" border="1" cellspacing="0" cellpadding="0">
  36.   <tr>
  37.     <td><input name="opl200" type="checkbox" id="opl200" value=""></td>
  38.     <td><input name="opl201" type="checkbox" id="opl201" value=""></td>
  39.     <td><input name="opl202" type="checkbox" id="opl202" value=""></td>
  40.     <td><input name="opl203" type="checkbox" id="opl203" value=""></td>
  41.   </tr>
  42. </table>
  43. </span>
  44. </body>
  45. </html>

Una opción... hay muchas mas....

Quim