jquery实现全选 我全选后,取消全选,再点击全选,却选不上。我手动选上,然后点击取消全选,能够取消。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery实现全选 我全选后,取消全选,再点击全选,却选不上。我手动选上,然后点击取消全选,能够取消。相关的知识,希望对你有一定的参考价值。

代码如下:
$(document).ready(function()
$("input[name='quanxuan']").click(function() $("input:checkbox[name],#cb_all").attr('checked', true);); $("input[name='cansule']").click(function() $("input:checkbox[name],#cb_all").attr('checked', false););
);
图片

为什么会这样

你这样写太费劲,这样写好点:
$().ready(function()
$("input['name='quanxuan'']").click(function()
$("input:checkbox[name],#cb_all").attr('checked',$(this).attr('checked'));

);

);
纯手打,可能有字符上的错误。
你问题处在思路上,既然取消全选能生效那就证明你jq版本是支持attr属性的,那么就说下面的问题:
全选和取消全选,使用一个按钮就行,这也是通常都在使用的方法,因为多半人不愿意在全选的状态下再去找‘取消全选’的按钮来实现取消全选的效果。
实现这个效果只需要上述代码:单击全选多选框的时候选中全部多选框,再点就取消全选。
思路就是点击全选按钮的时候把所有的多选框都变成全选按钮的选择状态,反之亦然。
只要全选按钮也是多选框,第一下点,checked是true,这时触发进事件把所有多选框变true,再点全选按钮就变false,这时所有多选框也会边false,你要的效果就实现了。
(纯手打,给分啊~)
参考技术A attr属性 在后面的Jquery版本中 已经取消了 用prop来替换

jquery实现全选和取消全选

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    </head>
    <body>
        <input type="checkbox" id="checkall" />全选<br />  
        <input type="checkbox" name="check" /><br />  
        <input type="checkbox" name="check"/><br />  
        <input type="checkbox" name="check"/><br />  
        <input type="checkbox" name="check"/><br />
        <script>
            $("#checkall").on(click,function() {  
                $("input[name=‘check‘]").prop("checked", this.checked);  
            });  
            $("input[name=‘check‘]").on(click,function() {  
                  var $subs = $("input[name=‘check‘]");  
                  $("#checkall").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false);  
            }); 
        </script>
    </body>
</html>

 

以上是关于jquery实现全选 我全选后,取消全选,再点击全选,却选不上。我手动选上,然后点击取消全选,能够取消。的主要内容,如果未能解决你的问题,请参考以下文章

js 脚本怎样实现checkbox的全选,反选,类似邮箱中邮件的全选后删除移动

为啥我用jQuery写好checkbox的全选后,点击两次后,就不行了,要刷新页面后,点击才有响应,源码是这样

TreeView怎么实现复选框的全选和取消全选

Angular实现全选后的取消其中一个选项则不能实现全选

使用vue实现全选与取消全选

如何用jQuery实现checkbox全选