如何利用jquery实现一句话全选/取消全选的实例代码
2019獨角獸企業重金招聘Python工程師標準>>>
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" οnclick="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" οnclick="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" οnclick="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>
轉載于:https://my.oschina.net/juhuakai/blog/13812
總結
以上是生活随笔為你收集整理的如何利用jquery实现一句话全选/取消全选的实例代码的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： SpringCloud微服务(04)：T
- 下一篇： Eclipse run configra