[SOLUCIONADO] Marcar / Desmarcar Todos los Checkbox de un Formulario

yosoloyo · #1 (**permalink**) 14/02/2013, 07:01

Buenas

Tengo un formulario a través del cual con php saco los resultados de una tabla en mysql y con un bucle la voy recorriendo y creando checkbox.

Tengo un checkbox que al marcarlo/desmarcarlo, selecciona/deselecciona todos los checkbox, pero para algo "raro" y es que si empiezo el <form> dejando fuera un input type submit (o button), si hace el script bien su función. Sin embargo, si lo meto dentro del <form>, solo deselecciona los seleccionados pero no lo al contrario.

Como ese submit solo aparece si se da una condición en php, creo que por ahi viene el error, pero a la vez no se como arreglarlo.

Dejo el ejemplo de como lo hace mal y a continuación como lo hace bien:

Así mal: Solo deselecciona

Código Javascript:

Ver original<script language="javascript" type="text/javascript">
    function selectall(form)  
    {  
     var formulario = eval(formu)  
     for (var i=0, len=formulario.elements.length; i<len ; i++)  
      {  
        if ( formulario.elements[i].type == "checkbox" )  
          formulario.elements[i].checked = formulario.elements[0].checked  
      }  
    }  
</script>
<form action="bbb.php" method="post" name="formu">
        <?php
        if($nomscript!="aaa.php"))
        {
            ?><input type="submit" value="Borrar">
            <?php
        }//fin distinto a nuevo o leer
        ?>
<table class="xxx">
<tr class="xxx">
    <td><input type="checkbox" onclick="selectall(document.forms[0])" /></td>
    <td>Valor</td>
</tr>
 
<?php
 
/*Parte de consulta a la base de datos para sacar la query*/
/*con la query el bucle siguiente que crea el resto de checkbox*/
while ($query)
{
  ?>
  <tr>
                <td><input name="msjselect[]" type="checkbox" value="<?php echo"$id"; ?>" /></td>
                <td><?php echo"$id"; ?></td>
  </tr>
  <?php
}
</table>
</form>

Para que si haga la función se arregla o quitando el bucle del principio, es decir quitando que segun el nombre del script.php salga o no salga el submit o dejandolo fuera del form (que viene a ser lo mismo)

Pero claro no se si es posible que estando ese botón según el nombre del script, pues cargue bien javascript

Gracias, saludos

emprear · #2 (**permalink**) 14/02/2013, 07:44

Amigo, no entiendo nada
Primero debería poner el html generado no el php
Luego, que el submit aparezca dentro o fuera del for, o que no aparezca da exactamente lo mismo.. y eso de hacerle un eval() al formulario?
A ver

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
function marcar_desmarcar(){
var marca = document.getElementById('marcar');
var cb = document.getElementsByName('nombre[]');
 
for (i=0; i<cb.length; i++){
if(marca.checked == true){
cb[i].checked = true
}else{
cb[i].checked = false;
}
}
 
}
//]]>
</script>
 
</head>
<body>
<form action="#">
    <p>
marcar/desmarcar <input type="checkbox" id="marcar" value="" onclick="marcar_desmarcar();" /><br /><br />
<input type="checkbox" name="nombre[]" value="a" />
<input type="checkbox" name="nombre[]" value="b" />
<input type="checkbox" name="nombre[]" value="c" />
<input type="checkbox" name="nombre[]" value="d" />
</p>
 
</form>
 
<input type="submit" value="procesar" />
</body>
</html>

Poné el submit dónde quieras o quitalo, dá lo mismo, la función es de javascript y se llama desde el checkbox indicado (id="marca")

Saludos

yosoloyo · #3 (**permalink**) 15/02/2013, 05:19

Cita:

Iniciado por emprear

Amigo, no entiendo nada
Primero debería poner el html generado no el php
Luego, que el submit aparezca dentro o fuera del for, o que no aparezca da exactamente lo mismo.. y eso de hacerle un eval() al formulario?
A ver

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
function marcar_desmarcar(){
var marca = document.getElementById('marcar');
var cb = document.getElementsByName('nombre[]');
 
for (i=0; i<cb.length; i++){
if(marca.checked == true){
cb[i].checked = true
}else{
cb[i].checked = false;
}
}
 
}
//]]>
</script>
 
</head>
<body>
<form action="#">
    <p>
marcar/desmarcar <input type="checkbox" id="marcar" value="" onclick="marcar_desmarcar();" /><br /><br />
<input type="checkbox" name="nombre[]" value="a" />
<input type="checkbox" name="nombre[]" value="b" />
<input type="checkbox" name="nombre[]" value="c" />
<input type="checkbox" name="nombre[]" value="d" />
</p>
 
</form>
 
<input type="submit" value="procesar" />
</body>
</html>

Poné el submit dónde quieras o quitalo, dá lo mismo, la función es de javascript y se llama desde el checkbox indicado (id="marca")

Saludos

Muchas gracias, me ha servido y ya está implementado.

Quité información que creia que iba a ser irrelevante en el contenido de mi primer mensaje como etiquetas <html> o la consulta en php a la base de datos. Está claro que error venía de ese script en javascript, y como digo gracias de nuevo