jquery怎么实现这个点击事件？

如图，我想点击下全选，所有checkbox都选中，再点击下都不选中，所有checkbox任意一个没选中全选按钮也是不选中的。... 如图，我想点击下全选，所有checkbox都选中，再点击下都不选中，所有checkbox任意一个没选中全选按钮也是不选中的。展开

 我来答

1个回答

#合辑# 机票是越早买越便宜吗？

rkc009
推荐于2016-11-05 · TA获得超过1499个赞

知道大有可为答主

回答量：2098

采纳率：60%

帮助的人：1708万

我也去答题访问个人页

关注

展开全部

<script type="text/javascript">
$(".all").click(function(){
$(".one").attr("checked",$(this).is("checked"));
});
</script>

更多追问追答
追问

这什么呀，你自己看下能实现不？
追答

语法搞错了！
<script type="text/javascript">
$(document).ready(function(){
$(".all").click(function(){
$(".one").attr("checked",$(this).is(":checked"));
});
});
</script>
追问

别闹了，请看清题目……
追答

原来方法不支持，调试了半天 搞定了！ 吃饭俺去

<!DOCTYPE html>

<html>
<head>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>

<script type="text/javascript">
$(document).ready(function(){
$(".all").click(function(){
$(".one").prop("checked",$(this).is(":checked"));
});

$(".one").click(function(){
if(!$(this).is(":checked")){
$(".all").prop("checked",false);
}
else{
if($(":checked").size() == $(".one").size()){
$(".all").prop("checked",true);
}
}
});
});
</script>
</head>
<body>
<input class="all" type="checkbox" />
<input class="one" type="checkbox" />
<input class="one" type="checkbox" />
<input class="one" type="checkbox" />
<input class="one" type="checkbox" />
<input class="one" type="checkbox" />
</body>

</html>

	
追问

好吧，虽然还是不对，但辛苦你了……

已赞过 已踩过<

评论收起

微测检测5.10
2023-05-10 广告

您好！建议咨深圳市微测检测有限公司，已建立起十余个专业实验室，企业通过微测检测就可以获得一站式的测试与认证解决方案；(EMC、RF、MFi、BQB、QI、USB、安全、锂电池、快充、汽车电子EMC、汽车手机互联、语音通话质量），认证遇... 点击进入详情页

本回答由微测检测5.10提供

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

jquery怎么实现这个点击事件？

其他类似问题

为你推荐：