如何用jQuery实现checkbox全选

有2个button,第一个,点击一次实现页面中checkbox全选,再点击一次全部取消。第二个,点击一次实现页面中checkbox反选。用jquery如何实现?求助大神们... 有2个button,
第一个,点击一次实现页面中checkbox全选,再点击一次全部取消。
第二个,点击一次实现页面中checkbox反选。
用jquery如何实现?求助大神们
展开
 我来答
何宜校
2013-10-08 · TA获得超过1691个赞
知道小有建树答主
回答量:702
采纳率:0%
帮助的人:958万
展开全部

全选:

$(":checkbox").attr("checked","checked");

全不选:

$(":checkbox").removeAttr("checked");

 

反选:

$(":checkbox:checked").removeAttr("checked");

$(":checkbox:not(:checked)").attr("checked","checked");

 

全手写,没有经过测试。

 

完整代码如下,测试通过:

<html>
<head>
    <title>如何用jQuery实现checkbox全选</title>
    <script src="jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        //全选,全不选
        function allSelect() {
            if ($(":checkbox").attr("checked") != "checked") {
                $(":checkbox").attr("checked", "checked");
 毕猜           }
            else {
                $(":checkbox").removeAttr("checked");
            }
        }
        //反选
        function otherSelect() {
   竖数镇         $(":checkbox").each(function () {
                if ($(this).attr("checked") == "checked") {
                    $(this).removeAttr("checked");
        余粗        }
                else {
                    $(this).attr("checked", "checked");
                }
            });
        }
    </script>
</head>
<body>
    <input id="Checkbox1" type="checkbox" />
    <input id="Checkbox2" type="checkbox" />
    <input id="Checkbox3" type="checkbox" />
    <input id="Checkbox4" type="checkbox" />
    <input id="Checkbox5" type="checkbox" />
    <input id="Button1" type="button" value="全选" onclick="allSelect();" />
    <input id="Button3" type="button" value="反选" onclick="otherSelect();" />
</body>
</html>
追问
$('#select_all').click(function () {//全选
$(":checkbox").attr("checked","checked");
});
select all
这样写,无法实现哪里有问题呢?
追答
没有问题,可以全选,加载时注册:
//加载时注册事件
$(function()
{
$('#select_all').click(function () {//全选
$(":checkbox").attr("checked", "checked");
});
});
地表最帅175
高粉答主

2018-03-31 · 繁杂信息太多,你要学会辨别
知道大有可为答主
回答量:152
采纳率:0%
帮助的人:4.2万
展开全部

全选:

&亏含友#36;(":checkbox").attr("checked","checked");

$("销槐#selectAll").click(function(){

if($(this).attr("checked")){

$("老旦input:checkbox").attr("checked","checked");

}else{

$("input:checkbox").removeAttr("checked");

}

});

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
564643122abc
2013-10-08 · TA获得超过462个赞
知道小有建树答主
回答量:699
采纳率:0%
帮助的人:399万
展开全部
<script src="jquery-1.7.2.min.js"></script>
<script 改早type="text/javascript">谨好
$(function(){
    $(':button').toggle(function(){
        $(':checkbox').attr('checked',"checked");
    },function(){
        $(':checkbox').removeAttr('checked');
    })

})
</script>

就用核晌雀这个就可以了

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式