新浪微博 登陆  注册   设为首页 加入收藏

学PHP >> JQUERY >> jquery实现复选框多选、单选、全不选功能,很实用

jquery实现复选框多选、单选、全不选功能,很实用

查看次数11631 发表时间2013-03-02 22:54:15

  <head>  <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>  <script type="te...

 

<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> 
<script type="text/javascript"> 
function selectGroup(checkbox,obj) {
 $('input[name='+obj+']').attr('checked', $(checkbox).attr('checked'));
</script> 
</head> 
<body> 
<input type="checkbox" onclick="selectGroup(this,'grp1');" />选中GROUPA<br/> 
GROUPA:<br/>
<input type="checkbox" name="grp1" />11<br/> 
<input type="checkbox" name="grp1" />22<br/> 
<input type="checkbox" name="grp1" />33<br/><br/> 
 
<input type="checkbox" onclick="selectGroup(this,'grp2');" />选中GROUPB<br/>
GROUPB:<br/>
<input type="checkbox" name="grp2" />44<br/> 
<input type="checkbox" name="grp2" />55<br/> 
<input type="checkbox" name="grp2" />66<br/> 
</body> 
</html> 

(转发请注明转自:学PHP)    


  相关推荐



1楼 Niacx说: 2013-09-05 21:18:09
If time is money you've made me a wetehailr woman.

  发表评论
昵称:
(不超过20个字符或10个汉字)
内容: