全選,反選,取消全選

<div class="layui-form allCheck">
       全選
       <input type="checkbox" lay-skin="primary">
</div>
<div class="layui-form inverseCheck">
    反選
    <input type="checkbox" lay-skin="primary">
</div>
<div class="layui-upload-list" id="GoodsPicture">
      {% for goodPicture in goods_picture_list %}
          <div class="img-list showf">

             <div class="layui-form">
                 <input type="checkbox" name="GoodsPicImg" lay-skin="primary" title="" value="{{goodPicture}}">
             </div>

        <span class="del-img hand"><i class="fa fa-minus-circle"></i></span>
             <img src="/picture/{{goodPicture}}" srcSelf="{{goodPicture}}" alt="圖片"
    class="layui-upload-img" class="showf">
          </div>
      {% endfor %}

 </div>

 

    // 全選、取消全選
    var isCheckAll = false;
    $('.allCheck').on('click', function () {
        let type = 'GoodsPicImg'
        if (isCheckAll) {
            $("input[type='checkbox'][name='" + type + "']").each(function () {
                this.checked = false;
            });
            isCheckAll = false;
        } else {
            $("input[type='checkbox'][name='" + type + "']").each(function () {
                this.checked = true;
            });
            isCheckAll = true;
        }
        layui.use('form', function () {
            var form = layui.form;
            form.render();
        })

        // swapCheck(isCheckAll, type)


    })
    //反選
    $('.inverseCheck').on('click', function () {
        let type = 'GoodsPicImg'
        $("input[type='checkbox'][name='" + type + "']").each(function () {
            if (this.checked) {
                this.checked = false;
            } else {
                this.checked = true;
            }
        });
        layui.use('form', function () {
            var form = layui.form;
            form.render();
        })
    })

 

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