码迷,mamicode.com
首页 > Web开发 > 详细

jquery实现全选和取消全选

时间:2018-08-07 16:10:08      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:cti   doc   tle   com   jquery   als   click   head   name   

<!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实现全选和取消全选

标签:cti   doc   tle   com   jquery   als   click   head   name   

原文地址:https://www.cnblogs.com/zhangjianzhen/p/9437313.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!