jquery实现全选和取消全选

最新推荐文章于 2022-05-10 09:00:00 发布

weixin_30809173

最新推荐文章于 2022-05-10 09:00:00 发布

阅读量119

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhangjianzhen/p/9437313.html

版权

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

转载于:https://www.cnblogs.com/zhangjianzhen/p/9437313.html

weixin_30809173

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery实现全选和取消全选

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="http://code.jquery.com/jquery-2.1.1.min.js"&...
复制链接

扫一扫