Tema: Validar que se seleccione minimo un checkbox
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 08/06/2012, 02:38
rbczgz
 
Fecha de Ingreso: noviembre-2003
Ubicación: Zaragoza, España
Mensajes: 1.257
Antigüedad: 21 años, 2 meses
Puntos: 154
Respuesta: Validar que se seleccione minimo un checkbox
Hola de nuevo,

Te pido disculpas por la respuesta anterior @emprear, estaba aún un poco dormido y no se me había ocurrido "discurrir" cómo adaptar tus enseñanzas a mis necesidades, por eso, ahora que estoy ya despierto del todo, me respondo a mi mismo y dejo aquí el código por si le sirve a alguien, conste que está todo basado en lo que inicialmente aportaste, @emprear (un millón de gracias)

Cita:
Iniciado por emprear Ver Mensaje

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>titulo</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <script languaje="javascript">
  8.  
  9. function verificar_uno(param){
  10. var cuales = param; 
  11. var suma = 0;
  12. var marcando;
  13. var checks = document.getElementsByName('ids[]');
  14. for (var i = 0, j = checks.length; i < j; i++) {
  15.  
  16.  
  17.     // sumar los marcados
  18.    if(checks[i].checked == true){
  19.     suma++;
  20.     }
  21.     
  22.  // marcar desmarcar todos (la función recibe un parámetro   
  23.     if(cuales == 'todos'){
  24.     checks[i].checked = true;
  25.     marcando = 1; // ponemos marcando en 1 para saber que no nos interesa procesar el form por ahora
  26.     }
  27.     
  28.     if(cuales == 'nada'){
  29.     checks[i].checked = false;
  30.     marcando = 1;
  31.     }
  32.   
  33. }
  34.  
  35.  
  36.  
  37. if(marcando != 1){ 
  38.  
  39. // si no sumo suma = 0, entonces
  40.     if(suma == 0){
  41.     alert('Debes seleccionar un registro');
  42.     return false;
  43.     }else{
  44.     //Confirmación para uno o varios    
  45.         if(suma == 1){
  46.         var texto = 'el usuario seleccionado';
  47.         }else{
  48.         var texto = 'los usuarios seleccionados';
  49.         }
  50.     var pregunta = confirm("¿Realmente deseas eliminar " + texto +"?")
  51.     if(pregunta){
  52.     // no haces nada y el form se procesa
  53.     }else{
  54.     alert('Operación cancelada');
  55.     // cancelas el envío
  56.     return false;
  57.     }
  58.     
  59.     }
  60.     
  61. }
  62.     
  63.     
  64.  }
  65.  
  66. </script>
  67.  
  68. </head>
  69. <body>
  70. <form name="form" id="form" action="proceso.php" method="POST" onsubmit="return verificar_uno()">
  71. <table>
  72. <tr>
  73.  
  74. <td>marcar todos<input type="radio" name="marcar" id="todos" onclick="verificar_uno(this.id)">desmarcar todos<input type="radio" name="marcar" id="nada" onclick="verificar_uno(this.id)"> </td>
  75. <td>ID</td>
  76. <td>Nombre</td>
  77. <td>Apellidos</td>
  78. <td varios></td>
  79.  
  80. <?php
  81. //Aquí hago las consultas para generar la parte dinámica de la tabla
  82. ?>
  83.  
  84. <tr>
  85.  
  86. <td><input type="checkbox" id="ids" name="ids[]" value="<?php echo $row[0] ?>"></td>
  87. <td><input type="checkbox" id="ids2" name="ids[]" value="<?php echo $row[0] ?>"></td>
  88. <td> </td>
  89.  
  90. </tr>
  91.  
  92. <tr>
  93.  
  94. <td colspan="5">
  95. <center>
  96. <input type="submit" name="submit" value="Eliminar seleccionados">
  97. <input type="submit" name="submit" value="Añadir Usuario">
  98. </div></center><br>
  99. </td>
  100. </tr>
  101. </table>
  102. </form>
  103.  
  104. </body>
  105. </html>


Código Javascript: 
Ver original
  1. function verificar_uno(){
  2. var suma = 0;
  3. var checks = document.getElementsByName('ids[]');
  4. for (var i = 0, j = checks.length; i < j; i++) {
  5.     if(checks[i].checked == true){
  6.     suma++;
  7.     }
  8. }
  9.  
  10. if(suma == 0){
  11.     alert('Debes seleccionar un registro');
  12.     return false;
  13. }
  14.  
  15. }
  16.  
  17. function verificar_varios(){
  18. var suma = 0;
  19. var checks = document.getElementsByName('ids[]');
  20. for (var i = 0, j = checks.length; i < j; i++) {
  21.     if(checks[i].checked == true){
  22.     suma++;
  23.     }
  24. }
  25.  
  26. if(suma < 2){
  27.     alert('Debes seleccionar al menos 2 registros');
  28.     return false;
  29. }
  30.  
  31. }
  32.  
  33. function verificar_borrar_uno(param){
  34. var cuales = param; 
  35. var suma = 0;
  36. var checks = document.getElementsByName('ids[]');
  37. for (var i = 0, j = checks.length; i < j; i++) {
  38.  
  39.     // sumar los marcados
  40.    if(checks[i].checked == true){
  41.     suma++;
  42.     }
  43.  
  44. }
  45.  
  46. // si no sumo suma = 0, entonces
  47.     if(suma == 0){
  48.     alert('Debes seleccionar un registro');
  49.     return false;
  50.     }else{
  51.     //Confirmación para uno o varios    
  52.         if(suma == 1){
  53.         var texto = 'el usuario seleccionado';
  54.         }else{
  55.         var texto = 'los usuarios seleccionados';
  56.         }
  57.     var pregunta = confirm("¿Realmente deseas eliminar " + texto +"?")
  58.     if(pregunta){
  59.     // no haces nada y el form se procesa
  60.     }else{
  61.     // cancelas el envío
  62.     return false;
  63.     }
  64.     
  65.     }
  66.  
  67.  
  68.  }
  69.  
  70. function verificar_borrar_varios(param){
  71. var cuales = param; 
  72. var suma = 0;
  73. var checks = document.getElementsByName('ids[]');
  74. for (var i = 0, j = checks.length; i < j; i++) {
  75.  
  76.     // sumar los marcados
  77.    if(checks[i].checked == true){
  78.     suma++;
  79.     }
  80.  
  81. }
  82.  
  83. // si no sumo suma = 0, entonces
  84.     if(suma < 2){
  85.     alert('Debes seleccionar al menos 2 registros');
  86.     return false;
  87.     }else{
  88.     //Confirmación para uno o varios    
  89.         if(suma == 1){
  90.         var texto = 'el usuario seleccionado';
  91.         }else{
  92.         var texto = 'los usuarios seleccionados';
  93.         }
  94.     var pregunta = confirm("¿Realmente deseas eliminar " + texto +"?")
  95.     if(pregunta){
  96.     // no haces nada y el form se procesa
  97.     }else{
  98.     // cancelas el envío
  99.     return false;
  100.     }
  101.     
  102.     }
  103.  
  104.  
  105.  }

Y luego llamo a las diferentes funciones (que más que diferentes son casi iguales) desde cada botón, dependiendo de la acción que vaya a realizar:

Código PHP: 
Ver original
  1. <td colspan="15">
  2. <blockquote><b>Acciones en Masa:</b></blockquote>
  3.  
  4. <center>
  5. <input type="submit" name="submit" value="Borrar Usuarios" onclick="return verificar_borrar_varios()">
  6. <input type="submit" name="submit" value="Añadir al rotador" onclick="return verificar_varios();">
  7. </center><br>
  8.  
  9. <blockquote><b>Acciones sobre un sólo miembro:</b></blockquote>
  10.  
  11. <center>
  12. <input type="submit" name="submit" value="Editar Usuario" onclick="return verificar_uno();">
  13. <input type="submit" name="submit" value="Borrar Usuario" onclick="return verificar_borrar_uno()">
  14. <input type="submit" name="submit" value="Añadir Usuario" onclick="return verificar_uno();">
  15. </center>
  16. </td>

Esto seguro se puede depurar y mejorar, pero yo no lo se hacer... Pero por lo menos me ha servido para aprender un poco más y conseguir lo que necesitaba.