jQuery – Checkbox – Selecionar todos

Selecionar todos os checkbox de uma uma tag

Primeiramente insira o javascript abaixo, com o jQuery instalado.

<script language=”JavaScript” src=”js/jquery.js”></script>
<script language=”JavaScript”>
// inverte seleção
jQuery(document).ready(function(){
jQuery(“#sel_all”).click( function() {
jQuery(“#” + jQuery(this).attr(‘rel’) + ” INPUT[type='checkbox']“).each( function() {
jQuery(this).attr(‘checked’, !jQuery(this).attr(‘checked’));
});
return false;
});
});
</script>

Então crie uma link ou checkbox para selecionar todos:

<input type=”checkbox” name=”apagar0″ id=”sel_all” rel=”lista” />

Depois o bloco com a tag e o id relacionando ao atributo do link:

<div  id=”lista”>

<input type=”checkbox” name=”chek1″ value=”1″ />

<input type=”checkbox” name=”chek2″ value=”1″ />

<input type=”checkbox” name=”chek3″ value=”1″ />

</div>

Assim, quando clicar no primeiro checkbox, o javascript ira calcular todos os checkbox relacionados a aqele atributo e ira seleciona-los.