lunes, 23 de agosto de 2010

Seleccionar todos los elementos con un checkbox

Bueno hace unos días un amiguito tuvo un problemilla con un script mal hecho que debería de hacer esto correctamente, desafortunadamente no funciono, bueno pues hice este pequeño script, le agregue la funcion live para que funcione en .net, la función live requiere jquery 1.4 o posterior.

<html>
<head>
<title>lafabricadesoftware.blogspot.com</title>
<script src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
//http://lafabricadesoftware.blogspot.com/
$(document).ready(function(){
$(".seleccionatodos").live('click',function(){
$('.s').attr('checked', $(".seleccionatodos").is(':checked'));
});
$(".s").live('click',function(){
var total=$(".s").length;
var seleccionados=$(".s:checked").length;
if (total!=seleccionados){$('.seleccionatodos').attr('checked',false);}
else{$('.seleccionatodos').attr('checked',true);}
});
});
</script>
</head>
<body>
<label>Seleccionar Todos</label>
<input type="checkbox" class="seleccionatodos">
<br>
<label>Uno</label>
<input type="checkbox" class="s">
<br>
<label>Dos</label>
<input type="checkbox" class="s">
<br>
<label>Tres</label>
<input type="checkbox" class="s">
</body>
</html>

No hay comentarios:

Publicar un comentario