Checkbox

thi · #1 (**permalink**) 06/04/2009, 05:24

Hola a todos,

necesito que al hacer click en un checkbox me marque todos.
Yo lo he intentado con el siguiente codigo pero no funciona:

En caso de ser <b><u>TODOS</u></b> marca aquí <a href='#' onclick='marcar_todos()'><input type='checkbox' name='todos' value='0'></a>

<SCRIPT LANGUAJE="JavaScript">
function marcar_todos(){
document.form1.D1.checked;
document.form1.D2.checked;
document.form1.D3.checked;

}
</script>

TitoCharly · #2 (**permalink**) 06/04/2009, 05:32

he buscado por google y he encontrado esto. Espero que te valga

function seleccionar_todo(){
for (i=0;i<document.f1.elements.length;i++)
if(document.f1.elements[i].type == "checkbox")
document.f1.elements[i].checked=1
}

La función seleccionar_todo() realiza un recorrido por todos los elementos del formulario. Para hacer un recorrido por todos los campos se utiliza el array "elements", que guarda una referencia con cada elemento que haya dentro del formulario.

En el recorrido comprueba si el elemento actual es de tipo "checkbox" (recordar que el array elements contiene todos los elementos, pero sólo deseamos operar con los que sean checkbox) y en ese caso, simplemente se actualiza el atributo "checked" al valor 1, con lo que el chekbox se marcará.

quimfv · #3 (**permalink**) 06/04/2009, 05:37

Código html:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function marcals_tots(){
 if (document.form1.tots.checked){
         document.form1.d1.checked=true;
         document.form1.d2.checked=true;
         document.form1.d3.checked=true;
 }else{
         document.form1.d1.checked=false;
         document.form1.d2.checked=false;
         document.form1.d3.checked=false;
 }
}
</script>
</head>
<body><form name="form1" method="post" action="">
<table width="474" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>
      En caso de ser <b><u>TODOS</u></b> marca aquí</td>
    <td><input name="tots" type="checkbox" id="tots" value="checkbox" onChange="marcals_tots()"></td>
  </tr>
  <tr>
    <td>D1</td>
    <td><input name="d1" type="checkbox" id="d1" value="checkbox"></td>
  </tr>
  <tr>
    <td>D2</td>
    <td><input name="d2" type="checkbox" id="d2" value="checkbox"></td>
  </tr>
  <tr>
    <td>D3</td>
    <td><input name="d3" type="checkbox" id="d3" value="checkbox"></td>
  </tr>
</table>
 </form>
</body>
</html>

así se parece mas a lo que intentabas....

Quim

thi · #4 (**permalink**) 06/04/2009, 10:24

Gracias a los dos por vuestras soluciones,

la primera solución me funciona y ya la segunda no la probe mucho.

Un saludo.