layui用class属性对复选框进行全选

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)

        },

————————————————

版权声明：本文为CSDN博主「yangliwei.top:88」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

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