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>
  • 相关阅读:
    Apache Commons Configuration的应用
    JAVA单例MongoDB工具类
    配置SpringMVC返回JSON遇到的坑
    DRF---序列化器-Serializer
    面试题--web(django)
    DRF----web应用模式
    面试题--网络编程
    Vue-项目之免费课和购物车实现
    面试题--面向对象
    vue- 项目之前端页面搭建1
  • 原文地址:https://www.cnblogs.com/JeffreyZhu/p/15605029.html
Copyright © 2011-2022 走看看