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>
  • 相关阅读:
    大话Ansible Ad-Hoc命令
    Ansible常用模块基本操作
    Java集合类总结
    HTTP文件上传原理
    Java IO流基础总结
    Java中的Enumeration、Iterable和Iterator接口详解
    网页缓存相关的HTTP头部信息详解
    4. OpenCV-Python——模版匹配、直方图
    3. OpenCV-Python——图像梯度算法、边缘检测、图像金字塔与轮廓检测与傅里叶变换
    2. OpenCV-Python——阈值、平滑处理、形态学操作
  • 原文地址:https://www.cnblogs.com/JeffreyZhu/p/15605029.html
Copyright © 2011-2022 走看看