首页  >  文章  >  web前端  >  jQuery 的全选(全非选)即取得被选中的值使用介绍_jquery

jQuery 的全选(全非选)即取得被选中的值使用介绍_jquery

WBOY
WBOY原创
2016-05-16 17:15:561341浏览

页面代码

复制代码 代码如下:



全部



















js中的代码
复制代码 代码如下:

/*js部分
* 绑定批量选定/非选
* 例子
*/

$(function () {
$("#checkall").click(function () {
var stu = $(this).attr("checked");
checkAll(stu);
})
$("input[name='checkbox']").click(function () {
uncheckAll();
})
})
function checkAll(status) {
$("input[name='checkbox']").each(function () {
$(this).attr("checked");
$(this).attr("checked", status);
})
}

function uncheckAll() {
alert($("input[name='checkbox']:checked").length);
if ($("input[name='checkbox']:checked").length == $("input[name='checkbox']").length) {
$("#checkall").attr("checked",true);
}
else {
$("#checkall").attr("checked", false);
}
}
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn