Home
índice
Página anterior

Selecionar e Tirar a Seleção

Selecionar
Desmarcar
Selecionar / Desmarcar

Livro
Revista
Jornal

Nesse exemplo serão selecionados os checkboxs que estão marcados com a palavra todos e desmarcados aqueles que estiverem com a palavra nenhum. Clique em Selecionar para conferir, depois em Desmarcar. Depois em Selecionar/Desmarcar (O botão atende as duas opções).

No Html:
<a class="todos" href="#">Selecionar</a><br>
<a class="nenhum" href="#">Desmarcarar</a><br>
<input name="tecnologia" type="checkbox" class="toggle"/>Selecionar / Deselecionar</a><br>

<input name="tecnologia" type="checkbox" value= "livro">Livro</a><br>
<input name="tecnologia" type="checkbox" value= "revista">Revista</a><br>
<input name="tecnologia" type="checkbox" value= "jornal">Jornal</a><br>
	No javaScript:
	$(document).ready(function(){

	$(".toggle").change(function(){
	if(this.checked) {
	$(":checkbox[name=tecnologia]")
	.attr("checked", "checked");
	} else {
	$(":checkbox[name=tecnologia]")
	.removeAttr("checked");
	}
	});

	$(".todos").click(function(){
	$(":checkbox[name=tecnologia]").attr("checked", "checked");
	return false;
	});

	$(".nenhum").click(function(){
	$(":checkbox[name=tecnologia]").removeAttr("checked", "checked");
	return false;
	});
	});