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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章