jquery一句话全选/取消全选_Javascript教程-查字典教程网
jquery一句话全选/取消全选
jquery一句话全选/取消全选
发布时间:2017-01-14 来源:查字典编辑
摘要:1、当然要引入jquery文件啦。2、建立函数varcheck_all=function(obj,name){$(":checkbox[na...

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://code.jquery.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" />全选<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://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" />选中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" />选中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>

另外的补充代码:

引用Jquery 库jquery-1.4.1-vsdoc.js 等

Jquery脚本代码——————————————————————

复制代码 代码如下:

$(function() {

$('#inputCheck').click(function() {

$("input[name='Checkbox1']").attr("checked", $(this).attr("checked"));

});

}); // 全选

$(function() {

$("#select_reverse").click(function() {

$("input[name='Checkbox1']").each(function(idx, item) {

$(item).attr("checked", !$(item).attr("checked"));

})

});

});//反选

html 前台代码————————————————————————

[code]

<input id="inputCheck" type="checkbox" />全选

<input id="select_reverse" type="checkbox" />反选

<input name="Checkbox1" type="checkbox" />

<input name="Checkbox1" type="checkbox" />

<input name="Checkbox1" type="checkbox" />

<input name="Checkbox1" type="checkbox" />

<input name="Checkbox1" type="checkbox" />

<input name="Checkbox1" type="checkbox" />

[html]

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类