layui 复选框 checkbox全选，取值

最新推荐文章于 2024-08-08 07:24:14 发布

yangliweigauguagua

最新推荐文章于 2024-08-08 07:24:14 发布

阅读量7.3k

点赞数 1

分类专栏： web 文章标签： web

本文链接：https://blog.csdn.net/qq_32674347/article/details/89883645

版权

web 专栏收录该内容

82 篇文章 1 订阅

订阅专栏

1,在html中写入如下代码：

全选框：重点是lay-filter:c_all

<input type="checkbox" lay-filter="c_all" name="" lay-skin="primary">

其他复选框：重点是class：checkboxitem

<tr v-for="item in userarr">
                                <td>
                                    <input type="checkbox" class="checkboxitem" name="" :value="item.id"
                                        lay-skin="primary">
                                </td>
                                <td>
                                    <img class="adminlistimg" :src="changeurl(item.avatar)" alt="">
                                </td>

2,监听全选框：c_all

//全选
form.on('checkbox(c_all)', function (data) {
    var a = data.elem.checked;
    if (a == true) {
        $(".checkboxitem").prop("checked", true);
        form.render('checkbox');
    } else {
        $(".checkboxitem").prop("checked", false);
        form.render('checkbox');
    }
});

3,获取选中的值

// 批量取消授权
        cancelall() {
            var check_arr = [];
            $('.checkboxitem:checked').each(function () {
                check_arr.push($(this).val());
            });
            console.log("选中的", check_arr)
        },