JQuery: Marcar e desmarcar todos os checkboxes
Nível: facílimo
Classificação: 5+ anos
<form action="" name="form" method="post"> <p><input type="checkbox" id="checkTodos" name="checkTodos"> Selecionar Todos</p> <p><input type="checkbox" value="1"> Item 1</p> <p><input type="checkbox" value="2"> Item 2</p> <p><input type="checkbox" value="3"> Item 3</p> <p><input type="checkbox" value="4"> Item 4</p> </form> |
// Forma 1 $("#checkTodos").click(function(){ $('input:checkbox').not(this).prop('checked', this.checked); }); // Forma 2 $("#checkTodos").change(function () { $("input:checkbox").prop('checked', $(this).prop("checked")); }); // Forma 3 var checkTodos = $("#checkTodos"); checkTodos.click(function () { if ( $(this).is(':checked') ){ $('input:checkbox').prop("checked", true); }else{ $('input:checkbox').prop("checked", false); } }); |
Para testar o script clique aqui.
Abraço e até o próximo post.
Grande Tiago, sempre nos ajudando.
Obrigado.
Código muito útil! Parabéns!
Me ajudou muito, muito obrigado!
Parabéns…. Simples e direto… todo meu respeito!
é possivel trazer do banco os checkbox já carregados? No caso de um cadastro, eles ja vierem com os checkes que foram escolhidos no cadastro ja selecionados?