如何用jQuery实现checkbox全选

有2个button，
第一个，点击一次实现页面中checkbox全选，再点击一次全部取消。
第二个，点击一次实现页面中checkbox反选。
用jquery如何实现？求助大神们

举报该问题

推荐答案 2013-10-08

全选：

$(":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");
});
});

温馨提示：答案为网友推荐，仅供参考

当前网址：http://77.wendadaohang.com/zd/NGvqINNq83GqG8W83I.html

第1个回答 2018-03-31

全选：

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

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

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

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

}else{

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

}

});

本回答被网友采纳

第2个回答 2013-10-08

<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>

就用这个就可以了

相似回答

Jquery实现复选框全选与全不选答：1、首先web项目结构如图所示，这个结构熟悉的话可以自己调整的。2、然后设置一些较为简单的选项框，这里随便用abcd来代替选项框了。3、这里是jq来实现全选，所以引入jQuery，并且给按钮绑定一个jQuery类型的点击事件即可。4、然后通过prop来设置input的属性即可设置全选了，prop是jq自带的一个方法。5、因为...

用jquery怎么实现全选/全不选答：全选 1 2 3 4 jq：(function() { $("#CheckAll").click(function() { var flag = $(this).attr("checked"); $("[name=subBox]:checkbox").each(function() { $(this).attr("checked", flag); }) ; ...

jquery中怎么选中所有的checkbox的值答：("#checkAll").attr("checked", '');// 将id=checkbox_id3的那个复选框不选中，即不打勾 ("input[name=subBox][value=3]").attr("checked", 'checked');// 将name=subBox, value=3 的那个复选框选中，即打勾 ("input[name=subBox][value=3]").attr("checked", '');// 将nam...

jquery 如果设置选中所有的name为'abc'的checkbox?答：解释：div选择div标签 div input选择所有div中的所有input标签(包括radio、checkbox、hidden等)div input[type=checkbox]选择所有div中所有的复选框（checkbox），其中[type=checkbox]为属性选择器，会选择type属性为checkbox的元素 div input[type=checkbox]:checked选择所有div下被勾选的checkbox，其中:...

jQuery 选择所有被选的 Checkbox答：checkbox的name属性写成一致的通过getElementByName就可以取到所有的checkbox 然后再判断选中的。

jquery 怎么选中checkbox指定的值?答：1、checkbox日常jquery操作。现在我们以下面的html为例进行checkbox的操作。全选项1项2项3项4 CheckBox控件就是我们一般所说的复选框，通常用于某选项的打开或关闭。大多数应用程序的"设置"对话框内均有此控件。我们看到的可以打勾的就是CheckBox。该控件表明一个特定的状态(即选项)是选定 (on，值为tru...

如何获取checkbox 全部的值答：("input:checkbox:checked").map(function(index,domElement)); // 将所有选中的复选框通过函数返回值生成新的jQuery 对象实例演示：点击按钮获取checkbox的选中值创建Html元素点击按钮获取checkbox的选中值：发送短信发送邮件设置css样式 div.box{width:300px;padding:20px;margin:20px...

大家正在搜

js实现checkbox全选 checkbox全选全不选 checkbox全选和反选 jquery复选框全选反选全选checkbox checkbox分页全选 checkbox选中和不选中 js复选框全选取消全选 js实现复选框全选

jquery实现checkbox全选的问题

jquery怎么实现全选复选框？

如何用jQuery实现checkbox全选？

如何使用jquery实现gridview中checkbox（...

Jquery实现复选框全选与全不选

怎么用jquery通过点击全选按钮实现全选？

如何用JQuery操作一个复选框，来实现其它复选框的全选/全...

jquery checkbox 全选问题