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

iteye_8029

于 2013-05-02 07:35:00 发布

阅读量104

点赞数

文章标签： javascript ViewUI

本文介绍了一种利用jQuery简化网页开发的方法，通过一个主复选框控制一组具有相同名称属性的复选框的状态。这种方法适用于需要快速实现复选框联动功能的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>