LAYUI 数据表格table 监听switch/checkbox事件

注意:监听switch/checkbox这种表单事件,是属于表单(from),而不是表格(table),用的不是layui.table.on,而是layui.form.on。

var table = layui.table;
var form = layui.form;

//监听switch操作
form.on('switch(checkboxDemo)', function (obj) {
    console.log(`我监听到的switch的值是:${obj.value}`);
    console.log(`我监听到的switch是否为checked:${obj.elem.checked}`);
});

// 监听表格的工具条(对比用,可以忽略)
table.on('tool(test)', function (obj) {//注:tool 是工具条事件名,test 是 table 原始容器的属性 lay-filter="对应的值"
    var data = obj.data; 	//获得当前行数据
    var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
    var tr = obj.tr; 		//获得当前行 tr 的 DOM 对象(如果有的话)

    if (layEvent === 'edit') {
        console.log('修改成功');
    } else if (layEvent === 'del') {
        console.log('删除成功');
    }
})

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layui中,要监听switch事件,需要使用layui.form.on方法而不是layui.table.on方法。具体的监听代码如下所示: ``` var form = layui.form; // 监听switch操作 form.on('switch(checkboxDemo)', function (obj) { console.log(`我监听到的switch的值是:${obj.value}`); console.log(`我监听到的switch是否为checked:${obj.elem.checked}`); }); ``` 这段代码会监听名为checkboxDemo的switch组件的状态变化,当状态变化时会触发回调函数。在回调函数中,你可以通过obj.value获取switch的值,通过obj.elem.checked判断switch是否被选中。这样你就可以根据需要来处理相应的逻辑了。 希望对你有所帮助!<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [LAYUI 数据表格table 监听switch/checkbox事件](https://blog.csdn.net/qq_17627195/article/details/111488327)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [layui switch 开关监听 弹出确定状态转换的例子](https://download.csdn.net/download/weixin_38595689/12936389)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值