1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="content-type" content="text/html; charset=utf-8">
5 <title>Demo</title>
6 <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
7 </head>
8 <body>
9 <p><input type="checkbox" />##############0</p>
10 <p><input type="checkbox" />##############1</p>
11 <p><input type="checkbox" />##############2</p>
12 <p><input type="checkbox" />##############3</p>
13 <p><input type="checkbox" />##############4</p>
14 <p><input type="checkbox" />##############5</p>
15 <button>全选</button>
16 <button>反选</button>
17 <button>全不选</button>
18 <button>删除</button>
19 </body>
20 <script>
21 $('button:first').click(function(){
22 $(':checkbox').attr('checked',true);
23 }).next().click(function(){
24 $(':checkbox').each(function(){
25 $(this).prop('checked',!$(this).prop('checked'));
26 });
27 }).next().click(function(){
28
29 $(':checkbox').attr('checked',false);
30 }).next().click(function(){
31 $(':checked').parent().remove();
32 })
33
34 </script>
35 </html>
