Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/06/2015, 14:27
escobaraxcer
 
Fecha de Ingreso: mayo-2015
Ubicación: san cristobal venezuela
Mensajes: 1
Antigüedad: 9 años, 7 meses
Puntos: 0
marcar desmarcar checkbox dinamicos con javascript

hola, hace mucho que estoy buscando la solucion para este tema pero la verdad no he podido encontrar alguno que se ajuste a mis necesidades.

estoy generando unos checks dinamicamente mediante un bucle for, dentro de ese bucle tengo otro que me genera unos sub-checks por llamarlos de alguna forma, es decir no tengo definidos un numero fijo de checks sino que pueden variar de acuerdo a unos registros existentes en la base de datos que a su vez pueden incrementar o disminuir. y lo que necesito es que los checks o sub-checks que se generan a partir d los checks principales se seleccionen o desactiven si el check principal esta activo.
aqui dejo un resumen del codigo de mi proyecto, si quieren lo ejecutan y me dicen como harian para q funcionara.


Código HTML:
Ver original
  1. <title>titulo</title>
  2. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  3.  
  4.    <script type="text/javascript">
  5. //<![CDATA[
  6. function marcar_desmarcar(){
  7. var i,j;
  8.  
  9.     for(i=0;i<2; i++){   
  10.         for (j=0; j<4; j++){
  11.             if(document.getElementById('marcar'+i).checked == true){
  12.             document.getElementsByName('checkj'+j)[j].checked = true
  13.             }else{
  14.             document.getElementsByName('checkj'+j)[j].checked = false;
  15.             }
  16.         }
  17.     }
  18. }
  19. //]]>
  20.  
  21. </head>
  22. <form action="" method="post">
  23. <?php
  24. $contarhijo=0;
  25. for($i=0; $i<2; $i++){ ?>
  26.             <br/><input type="checkbox" id="marcar<?=$i?>" value="" onClick="marcar_desmarcar();" />Marcar/Desmarcar<?=$i+1?><br />
  27.             <?php for($j=0; $j<4; $j++){ ?>
  28.             <input style="margin-left:30px" type="checkbox" name="checkj<?=$contarhijo?>" value="a" />opcion<?=$j+1?></br>
  29.             <?php $contarhijo++;}
  30.      }
  31. ?>
  32.  
  33. </form>
  34.  
  35. <input type="submit" value="procesar" />
  36. </body>
  37. </html>

Última edición por Triby; 12/06/2015 a las 17:28 Razón: Código en highlight