Html Javascript Checkbox 全选/全不选

来源：互联网发布：k开头的网络用语编辑：程序博客网时间：2024/06/01 08:01

HTML：

<table id="tab1"><tr><td>    <input type="checkbox" name="checkAll" id="checkAll">全選    <input type="checkbox" name="book" id="book" value="book1">book1    <input type="checkbox" name="book" id="book" value="book2">book2    <input type="checkbox" name="book" id="book" value="book3">book3    <input type="checkbox" name="book" id="book" value="book4">book4    <input type="checkbox" name="book" id="book" value="book5">book5</td></tr></table>

JavaScript：

    $("#tab1 #checkAll").click(function () {        if ($("#tab1 #checkAll").is(':checked')) {            $("#tab1 input[type=checkbox]").each(function () {                $(this).prop("checked", true);            });        } else {            $("#tab1 input[type=checkbox]").each(function () {                $(this).prop("checked", false);            });        }    });

Demo：

http://jsfiddle.net/j08691/pzCcE/2/

0 0