layui点击行时选中或取消自定义的复选框

本文介绍如何在layui表格中实现点击行时选中或取消自定义复选框的效果。避免使用trigger的click事件导致死循环,并解决因行点击事件使复选框需双击才选中的问题。解决方案是在表格渲染完成的done函数中处理相关代码,确保正常交互。
摘要由CSDN通过智能技术生成

先上效果图:

点击行的时候,会改变复选框的选中状态。注意不要使用trigger的click事件,会导致死循环。

 
                        $("tr").on("click", function (event) {
                            let ck = $(this).find(".layui-form-checkbox");
                            if (ck.hasClass("layui-form-checked")) {
                                ck.removeClass("layui-form-checked");
                            } else {
                                ck.addClass("layui-form-checked");
                            }
                        })

 另外一个问题,行点击事件会导致单击复选框两次才能选中,解决方案:


                        $(".layui-form-checkbox").click(function (event) {
                            event.stopPropagat
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值