Js代码实现全选和全不选

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <script src="https://cdn.bootcss.com/jquery/2.0.0/jquery.js"></script>
        <title></title>
    </head>
    <body>
        <div><input type="checkbox"  class="classA"/>店铺：test1</div>
        <div><input type="checkbox"  name="nameA"/></div>
        <div><input type="checkbox"  name="nameA"/></div>
        <div><input type="checkbox"  name="nameA"/></div>
        <div><input type="checkbox"  name="nameA"/></div>
        <div><input type="checkbox"  name="nameA"/></div>
        <div><input type="checkbox" class="classB"/>店铺：test2</div>
        <div><input type="checkbox"  name="nameB"/></div>
        <div><input type="checkbox"  name="nameB"/></div>
        <div><input type="checkbox"  name="nameB"/></div>
        <div><input type="checkbox"  name="nameB"/></div>
    </body>
    <script>
        $(function(){
            $(".classA").change(function(){
                var status = $(".classA").prop("checked");
                $("input[name='nameA']").attr("checked",status);
            })
            $(".classB").change(function(){
                var status = $(".classB").prop("checked");
                $("input[name='nameB']").attr("checked",status);
            })
        })
    </script>
</html>
原作者地址https://zhidao.baidu.com/question/2205747326720462748.html
posted @ 2020-03-18 20:30  fuhai_l  阅读(508)  评论(0)    收藏  举报