marcar desmarcar checkbox dinamicos con javascript

escobaraxcer · #1 (**permalink**) 12/06/2015, 14:27

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<html>
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
   <script type="text/javascript">
//<![CDATA[
function marcar_desmarcar(){
var i,j;
 
    for(i=0;i<2; i++){   
        for (j=0; j<4; j++){
            if(document.getElementById('marcar'+i).checked == true){
            document.getElementsByName('checkj'+j)[j].checked = true
            }else{
            document.getElementsByName('checkj'+j)[j].checked = false;
            }
        }
    }
}
//]]>
</script>
 
</head>
<body>
<form action="" method="post">
<?php 
$contarhijo=0;
 for($i=0; $i<2; $i++){ ?>
            <br/><input type="checkbox" id="marcar<?=$i?>" value="" onClick="marcar_desmarcar();" />Marcar/Desmarcar<?=$i+1?><br />
            <?php for($j=0; $j<4; $j++){ ?>
            <input style="margin-left:30px" type="checkbox" name="checkj<?=$contarhijo?>" value="a" />opcion<?=$j+1?></br>
            <?php $contarhijo++;}
      }
?>
 
</form>
 
<input type="submit" value="procesar" />
</body>
</html>

Triby · #2 (**permalink**) 12/06/2015, 17:31

escobaraxcer, bienvenido a FDW, ojalá encuentres aquí la ayuda que necesitas, pero es conveniente hacer las cosas de la manera correcta:

1. Por favor usa las etiquetas de highlight para mostrar tu código correctamente
2. Publica tu tema en el área al que realmente corresponde la duda; en este caso, publicaste una pregunta de Javascript en el foro de Php

Muevo tu tema al foro adecuado.

skywolker · #3 (**permalink**) 13/06/2015, 07:57

nose que esta mal en ese codigo tampoco entiendo de javascript yo lo busque antes y lo pude encontrar en internet yo lo tenia en una web creo que puedes encontrarlo

caricatos · #4 (**permalink**) 14/06/2015, 01:25

Hola:

Lo mejor que se me ocurre es mostrar el código que le llega a la página (no el que la genera) (ver código fuente en el navegador)

Quise adivinar el resultado y me he perdido...

Saludos