1,在html中寫入如下代碼：
全選框：重點(diǎn)是lay-filter:c_all
<input type="checkbox" lay-filter="c_all" name="" lay-skin="primary">
其他復(fù)選框：重點(diǎn)是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,監(jiān)聽全選框：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,獲取選中的值
// 批量取消授權(quán)
? ? ? ? cancelall() {
? ? ? ? ? ? var check_arr = [];
? ? ? ? ? ? $('.checkboxitem:checked').each(function () {
? ? ? ? ? ? ? ? check_arr.push($(this).val());
? ? ? ? ? ? });
? ? ? ? ? ? console.log("選中的", check_arr)
? ? ? ? },
————————————————
版權(quán)聲明：本文為CSDN博主「yangliwei.top:88」的原創(chuàng)文章，遵循CC 4.0 BY-SA版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/qq_32674347/java/article/details/89883645
