如何利用jquery实现一句话全选/取消全选的实例代码
2011-03-03 00:00
1066 查看
1、当然要引入jquery文件啦。
2、建立函数
var check_all = function(obj,name){$(":checkbox[name='"+name+"']").attr("checked",obj.checked); }
3、使用
复制代码 代码如下:
<!DOCTYPE Html>
<html>
<head>
<script type="text/javascript" src="http://www.3ppt.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
function selectAll(checkbox) {
$('input[type=checkbox]').attr('checked', $(checkbox).attr('checked'));
}
</script>
</head>
<body>
<input type="checkbox" onclick="selectAll(this);" />全选<br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
……
</body>
</html>
多组的JQUERY选中与取消
复制代码 代码如下:
<head>
<script type="text/javascript" src="http://www.3ppt.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>
2、建立函数
var check_all = function(obj,name){$(":checkbox[name='"+name+"']").attr("checked",obj.checked); }
3、使用
复制代码 代码如下:
<!DOCTYPE Html>
<html>
<head>
<script type="text/javascript" src="http://www.3ppt.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
function selectAll(checkbox) {
$('input[type=checkbox]').attr('checked', $(checkbox).attr('checked'));
}
</script>
</head>
<body>
<input type="checkbox" onclick="selectAll(this);" />全选<br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
……
</body>
</html>
多组的JQUERY选中与取消
复制代码 代码如下:
<head>
<script type="text/javascript" src="http://www.3ppt.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>
相关文章推荐
- 利用Three.js如何实现阴影效果实例代码
- jquery全选checkBox功能实现代码(取消全选功能)
- 如何用jquery实现checkbox的全选、反选、取消反选,以及如何得到选中的checkbox的值
- jquery全选checkBox功能实现代码(取消全选功能)
- checkbox全选/取消全选以及checkbox遍历jQuery实现代码
- jQuery一句话实现多选框全选/取消
- 利用jQuery实现打字机字幕效果实例代码
- jQuery一句话实现多选框全选/取消
- checkbox全选/取消全选以及checkbox遍历jQuery实现代码
- jQuery checkbox全选/取消全选实现代码
- JS小功能(checkbox实现全选和全取消)实例代码
- JS小功能(checkbox实现全选和全取消)实例代码
- JS小功能(checkbox实现全选和全取消)实例代码
- jQuery一句话实现多选框全选/取消
- jquery 实现复选框的全选操作实例代码
- asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码
- 利用jQuery实现简单的拖曳效果实例代码
- checkbox全选/取消全选以及checkbox遍历jQuery实现代码
- jQuery全选与取消全选实现代码
- jquery如何实现自动打开第一个链接!(实例代码)