全选,反选,取消全选
程序员文章站
2022-06-01 13:15:36
...
<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();
})
})
上一篇: 笔记本 ubuntu18.04双系统
下一篇: 全选反选