Ver Mensaje Individual
  #2 (permalink)  
Antiguo 21/04/2012, 16:32
Montes28
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.853
Antigüedad: 14 años, 2 meses
Puntos: 6
Respuesta: Contar el numero de checkbox activos

amigos logre contar los checkbox activos pero si todos tienen en mismo nombre, necesito el name diferente de cada checkbox para procesarlos al lado del servidor .

a continuacion expongo mi codigo espero me puedan ayudar

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. function calcular(obj, opc){
  3.     if(opc==1)
  4.         obj.checked = (document.getElementById("chk_todos").checked==true)?true:false;
  5.     var val = (obj.checked == true)? obj.id.split("_")[1] : 0;
  6.     obj.value = val;
  7.     //document.getElementById("text_"+ obj.id.split("_")[1]).value = val;
  8.    
  9. }
  10.  
  11. function calcularTodos(){
  12.     for(var i = 0 ; i < document.getElementsByName("checkbox").length; i++)
  13.         calcular(document.getElementsByName("checkbox")[i], 1);
  14.        
  15.        
  16.        
  17. }
  18.  
  19. </script>
  20.  
  21. <script type="text/javascript">
  22.  function contar() {
  23.   var checkboxes = document.getElementById("form1").checkbox; //Array que contiene los checkbox
  24.  
  25.   var cont = 0; //Variable que lleva la cuenta de los checkbox pulsados
  26.  
  27.   for (var x=0; x < checkboxes.length; x++) {
  28.    if (checkboxes[x].checked) {
  29.     cont = cont + 1;
  30.    }
  31.   }
  32.   document.getElementById('contador').value =cont;
  33.   //alert ("El número de checkbox pulsados es " + cont);
  34.  }
  35. </script>


Código HTML:
Ver original
  1. <form id="form1" method="post" action="recibio.php" onClick="contar();">
  2.  <label for="name">Nombre</label>
  3.         <input type="text" name="nombre" id="nombre" class="text ui-widget-content ui-corner-all" />
  4. <table width="747" border="0" id="users" >
  5.   <tr>
  6.     <td width="244"><label>
  7.       <input type="checkbox" name="checkbox" value="opcion1" id="chk"/>
  8.       Opcion 1
  9.     </label></td>
  10.     </tr>
  11.   <tr>
  12.     <td><label>
  13.       <input type="checkbox" name="checkbox" value="opcion2" id="chk"/>
  14.       Opcion  2 </label></td>
  15.     </tr>
  16.   <tr>
  17.     <td><label>
  18.       <input type="checkbox" name="checkbox" value="opcion3" id="chk"/>
  19.       Opcion 3 </label></td>
  20.     </tr>
  21.   <tr>
  22.     <td><label>
  23.       <input type="checkbox" name="checkbox" value="opcion4" id="chk"/>
  24.       Opcion 4 </label></td>
  25.     </tr>
  26.   <tr>
  27.     <td><label>
  28.       <input type="checkbox" name="checkbox" value="opcion5" id="chk"/>
  29.       Opcion 5 </label></td>
  30.     </tr>
  31.   <tr>
  32.     <td><label>
  33.       <input type="checkbox" name="checkbox" value="opcion6" id="chk"/>
  34.       Opcion 6 </label></td>
  35.     </tr>
  36.   <tr>
  37.     <td><label>
  38.       <input type="checkbox" name="checkbox" value="opcion7" id="chk"/>
  39.       Opcion 7 </label></td>
  40.     </tr>
  41.   <tr>
  42.     <td><label>
  43.       <input type="checkbox" name="checkbox" value="opcion8" id="chk"/>
  44.       Opcion 8 </label></td>
  45.     </tr>
  46.   <tr>
  47.     <td><label>
  48.       <input type="checkbox" name="checkbox" value="opcion9" id="chk"/>
  49.       Opcion 9 </label></td>
  50.     </tr>
  51.   <tr>
  52.     <td><input type="checkbox" name="checkbox" value="opcion10" id="chk" />
  53.       Opcion 10 </td>
  54.     </tr>
  55.   <tr>
  56.     <td><input type="checkbox" name="checkbox" value="opcion11" id="chk" />
  57.       Opcion 11 </td>
  58.     </tr>
  59.   <tr>
  60.     <td><input type="checkbox" name="checkbox" value="opcion12" id="chk"/>
  61.       Opcion 12 </td>
  62.     </tr>
  63.   <tr>
  64.     <td>&nbsp;</td>
  65.     </tr>
  66.   <tr>
  67.     <td><label>
  68.     <div align="center">
  69.       <input name="" type='checkbox' id='chk_todos' onclick="calcularTodos();" value="checkbox" />
  70.     </div>
  71.     </label>
  72.       <div align="center">todos</div></td>
  73.     </tr>
  74.     </fieldset>
  75.    
  76.     <input name="contador" id="contador" type="text"/>
  77. </form>


necesito que cada checkbox tenga el nombre asi : name="checkbox_1" name="checkbox_2"....... name="checkbox_12" y poderlos contar hasta el momento lo logro si todos se llaman name="checkbo"

como lo puedo hacer?