jquery实现全选和取消全选

Posted 2020-12-28 zhangjianzhen

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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实现全选和取消全选的主要内容，如果未能解决你的问题，请参考以下文章

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

使用Easyui ,表格表头的复选框怎么实现全选和取消全选的功能，