zoukankan      html  css  js  c++  java
  • Jquery 为多个元素绑定同一个事件,最好用class(多个元素指定同一个class),非要用id的话使用$('[id=xxx]')的格式

    不要用id选择器,因为每个元素id都是唯一的。

    <script>
     
            $(function () {
                $('.checkall').change(function () {
                    var str = $(this).prop('checked');
                    $('.shopcheckbox,.checkall').prop('checked', str)
                });
     
    或者:
     
        $('[id=checkall]').change(function () {
                    var str = $(this).prop('checked');
                    $('.shopcheckbox,.checkall').prop('checked', str)
                    //$(this).parent().siblings('.all').children().prop('checked', str);
                });
           
         })
        </script>
    </head>

    <body>
        <div index='test' data-index="h5"></div>

        <div class="box">

            <div class="all"><input type="checkbox" id="checkall" class="checkall"> 全选商品</div>
            <ul>
                <li>
                    <input type="checkbox" class="shopcheckbox"> 商品
                </li>
                <li>
                    <input type="checkbox" class="shopcheckbox"> 商品
                </li>
                <li>
                    <input type="checkbox" class="shopcheckbox"> 商品
                </li>
                <li>
                    <input type="checkbox" class="shopcheckbox"> 商品
                </li>
                <li>
                    <input type="checkbox" class="shopcheckbox"> 商品
                </li>
            </ul>
            <div class="all"><input type="checkbox"  id="checkall" class="checkall"> 全选商品</div>
         
        </div>
  • 相关阅读:
    最短路径算法 2.Dijkstra算法
    最短路径算法 1.Floyed-Warshall算法
    POLYGON(动态规划)
    JAG Asia 2016-Similarity of Subtrees(BFS+哈希)
    2019ACM-ICPC南京网络赛Holy Grail (SPFA / Floyd 模板题)
    2019ACM-ICPC南京网络赛Greedy Sequence
    快速输入输出
    2019HDU多校训练第七场J-Just Repeat
    JAG Asia 2017 C-----Prime-Factor Prime(素数区间筛)
    2019HDU多校训练第五场1007-permutation 2
  • 原文地址:https://www.cnblogs.com/JeffreyZhu/p/15605029.html
Copyright © 2011-2022 走看看