marcar varios Checkbox a la vez

asti1987 · #1 (**permalink**) 03/07/2009, 10:01

Como hago para marcar varios checkbox a la vez?

<td><label>

<div align="center">
<input type="checkbox" name="checkbox11" id="checkbox21">
</div>
</label></td>
<td><label>

<div align="center">
<input type="checkbox" name="checkbox81" id="checkbox21">
</div>
</label></td>
<td><label>

<div align="center">
<input type="checkbox" name="checkbox71" id="checkbox21">
</div>
</label></td>
<td><label>

<div align="center">
<input type="checkbox" name="checkbox61" id="checkbox21">
</div>
</label></td>
<td><label>

<div align="center">
<input type="checkbox" name="checkbox51" id="checkbox21">
</div>
</label></td>
<td><label>

<div align="center">
<input type="checkbox" name="checkbox41" id="checkbox21">
</div>
</label></td>
<td><label>

<div align="center">
<input type="checkbox" name="checkbox31" id="checkbox21">
</div>
</label></td>
<td><label>

<div align="center">
<input type="checkbox" name="checkbox1" id="checkbox21">
</div>
</label></td>

Ronin46 · #2 (**permalink**) 03/07/2009, 10:11

No entiendo muy bien lo que pides, ¿quieres que al seleccionar el checkbox 1 por ejemplo se seleccione automaticamente el checkbox31?

¿O quieres poder tener varios checkbox seleccionados simultáneamente?

lair · #3 (**permalink**) 03/07/2009, 10:16

Hola

prueba con algo como esto y ya lo adaptas a tus necesidades:

Código HTML:

<html>
	<body>
		<script>
			function sel_all(){
				for(i=1; i<9; i++){
					document.getElementById('checkbox'+i).checked=true;
				}
			}
		</script>
		<td><label>
		
		<div align="center">
		<input type="checkbox" name="checkbox11" id="checkbox1">q
		</div>
		</label></td>
		<td><label>
		
		<div align="center">
		<input type="checkbox" name="checkbox81" id="checkbox2">w
		</div>
		</label></td>
		<td><label>
		
		<div align="center">
		<input type="checkbox" name="checkbox71" id="checkbox3">e
		</div>
		</label></td>
		<td><label>
		
		<div align="center">
		<input type="checkbox" name="checkbox61" id="checkbox4">r
		</div>
		</label></td>
		<td><label>
		
		<div align="center">
		<input type="checkbox" name="checkbox51" id="checkbox5">t
		</div>
		</label></td>
		<td><label>
		
		<div align="center">
		<input type="checkbox" name="checkbox41" id="checkbox6">y
		</div>
		</label></td>
		<td><label>
		
		<div align="center">
		<input type="checkbox" name="checkbox31" id="checkbox7">u
		</div>
		</label></td>
		<td><label>
		
		<div align="center">
		<input type="checkbox" name="checkbox1" id="checkbox8">i
		</div>
		</label></td>
		
		<td><label>
		
		<div align="center">
		<input type="checkbox" name="checkbox1" id="check1" onclick='sel_all()'>seleccionar todos
		</div>
		</label></td>
	</body>
</html>

suerte.