如何让全选选中
sel-all里的1、2、3、4、5、6全部选中时，全选框selectAll也显示选中。
求大神们不要给负分啊啊啊··我只是个菜鸟`请输入代码
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Checkbox Demo</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
</head>
<body>
<div class="sel-all">
<input type="checkbox" class="check-sel"/>1
<input type="checkbox" class="check-sel" />2
<input type="checkbox" class="check-sel"/>3
<input type="checkbox" class="check-sel" />4
<input type="checkbox" class="check-sel"/>5
<input type="checkbox" class="check-sel" />6
</div>
<input type="checkbox" id="selectAll" />全选
</body>
</html>
<script type="text/javascript">
$(function(){
$('#selectAll').click(function(){
$('.check-sel').attr('checked', $(this).attr('checked'));
});
$('.check-sel').click(function(){
var selnum=$('.sel-all').find('.check-sel');
if(selnum.attr('checked'))
{
$('.sel-all .check-sel').each(function(){
console.log(selnum)
$("#selectAll").attr('checked',true);
});
}
else{
$("#selectAll").removeAttr('checked');
}
});
});
</script>
展开
收起
1
条回答
写回答
写回答
-
IT从业用的jQuery版本够老的啊
$(function () { var $selectAll = $('#selectAll'); var $selectItems = $('.check-sel'); $selectAll.click(function () { $selectItems.attr('checked', $selectAll.attr('checked')); }); $selectItems.click(function () { $selectAll.attr('checked', $selectItems.filter(':checked').length === $selectItems.length); }); });2019-07-17 19:35:53赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
