This is useful if you want to “delete” or “update” multiple rows in a table at the same time. This works like the “Check All Email” in YahooMail.
$(document).ready(function() { //check all checkboxes $("#check_all_boxes").click(function() { $(".mycheckbox").each(function(i){ $(this).attr("checked","checked"); }); }); //uncheck all checkboxes $("#uncheck_all_boxes").click(function() { $(".mycheckbox").each(function(i){ $(this).removeAttr("checked"); }); }); //reset the search form $("#reset_button").click(function() { $("#search_form input").each(function(i) { //alert($(this).html()); }); }); }); |
And the HTML Code is:
< input class="mycheckbox" name="a" value="1" type="checkbox" />Number 1 < input class="mycheckbox" name="b" value="1" type="checkbox" />Number 2 < input class="mycheckbox" name="c" value="1" type="checkbox" />Number 3 < a href="#" id="#check_all_boxes">Check All< / a> < a href="#" id="#uncheck_all_boxes">Uncheck All< / a>