1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <title></title>
5 <script src="../JQuery/1.8.3/jquery-1.8.3.js" type="text/javascript"></script>
6 <script type="text/javascript">
7 $(function () {
8 $("#checkAll").click(function () {
9 $('input[name="subBox"]').attr("checked", this.checked);
10 });
11 var $subBox = $("input[name='subBox']");
12 $subBox.click(function () {
13 $("#checkAll").attr("checked", $subBox.length == $("input[name='subBox']:checked").length ? true : false);
14 });
15 });
16 </script>
17 </head>
18 <body>
19 <div>
20 <input id="checkAll" type="checkbox" />全选
21 <input name="subBox" type="checkbox" />项1
22 <input name="subBox" type="checkbox" />项2
23 <input name="subBox" type="checkbox" />项3
24 <input name="subBox" type="checkbox" />项4
25 </div>
26 </body>
27 </html>