先看代码:
1 <html>
2 <head>
3 <title>JQuery实现全选</title>
4 <script language="javascript" type="text/javascript" src="file:///G:/programming/js/jQuery1.3.2/jquery-1.3.2.min.js"></script>
5 <script type="text/javascript">
6 function selectall()
7 {
8 $('#selectall').toggle(
9 function(){$(':checkbox').attr('checked',true);},
10 function(){$(':checkbox').attr('checked',false);}
11 )
12 }
13 </script>
14 </head>
15 <body>
16 <input type='checkbox' />UserA
17 <input type='checkbox' />UserB
18 <input type='checkbox' />UserC
19 <input type="checkbox" id="selectall" onclick="selectall()" />全选
20 </body>
21 </html>
我想实现全选功能,toggle()是切换使用这两个函数,其他checkbox都能被选中,但为何就是自己不能被选中?其他方法我知道也可以实现全选功能,但我就是想用toggle()方法实现,有点拗啊,希望大家支个招啊!
或许这是你想要的:
1 <html>
2 <head>
3 <title>JQuery实现全选</title>
4 <script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js"></script>
5 <script type="text/javascript">
6 $(function(){
7 $('#selectall').click(function() {
8 $(':checkbox[id!=selectall]').attr('checked',$(this).attr('checked'));
9 }
10 );
11 });
12 </script>
13 </head>
14 <body>
15 <input type='checkbox' />UserA
16 <input type='checkbox' />UserB
17 <input type='checkbox' />UserC
18 <input type="checkbox" id="selectall" />全选
19 </body>
20 </html>
话说,selectall的选中状态既然交给鼠标控制了,就不需要在代码中改变它了,虽然这不是关键~
版本问题用??1.4看看