jquery 实现多选框(checkbox)的全选、全不选功能

大体思路就是将被控制多选框(checkBox)name属性都设置为同一的名字,例如:name = “check[]”  ,然后获取用于控制的多选框的check状态,使用jquery中的each()方法循环遍历 那些checkBox,同时改变它们的check状态

代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
    <head>
           <title>jquery 实现多选框(checkbox)的全选、全不选功能</title>
           <script src="jquery.js"></script>
   </head>
    <body>
         <input type="checkbox" name="check[]" value="1"/>1 &nbsp;
         <input type="checkbox" name="check[]" value="2"/>2 &nbsp;
         <input type="checkbox" name="check[]" value="3"/>3 &nbsp;
         <br/>
         <input type="checkbox" name="checkAll" id="checkAll" onclick="checkAll("check[]",this.checked)"/>全选/全不选
         <script>
               /**
               * name:需要控制的checkbox的name属性值
               * staute:被控制的checkbox的checked属性值
               */
               function checkedAll(name,staute)
               {
	             if(staute == true)
	             {
		         $('input[name='+name+']').each(function(){
			     $(this).attr("checked", true);
		         });
	            }
	            else
	           {
		        $('input[name='+name+']').each(function(){
			 $(this).attr("checked", false); 
	            });
	        }
          }
         </script>
    </body>
</html>
由 晓狼 发表于 2011-05-13 0 评论
标签 :

0 个评论

对不起,评论已关闭.

上一篇文章
«
下一篇文章
»
 友情链接:web集结号     京ICP备11006177号