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

陈学虎
陈学虎
陈学虎
1445
文章
263
评论
2013 年 06 月 10 日11:05:02jquery实现复选框多选、单选、全不选功能,很实用已关闭评论 2,807 ℃ 723字阅读2分24秒
摘要

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

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

[php]

<html>
<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]

  • 免费优惠券
  • 免费领取优惠券
  • weinxin
  • 支付宝红包领取
  • 支付宝大额红包
  • weinxin
陈学虎
  • 版权声明:本文为原创文章,转载请附上原文出处链接及本声明。
  • 转载请注明:jquery实现复选框多选、单选、全不选功能,很实用 | https://chenxuehu.com/article/2013/06/1184.html