【Layui】对于input框有时候点击后没有反应

author:咔咔

wechat:fangkangfk

有时候会出现input的无法点击,这个情况是因为这个列表是我使用ajax请求获取的,所以属于未来元素。这个时候就只能使用绑定未来元素进行操作

在这段代码中,我检测到layui-unselects这个元素的控制样式的,所以使用jquery来判断是否存在layui-from-checked这个class值。

然后进行批量添加,在这个时候引发的问题就是使用自己添加的样式,会一直出现请选择操作数据,这个问题可以看看源码。看了源码就会知道,他们样式虽然是在div中,但是获取的时候是input的checked。

这个时候我们可以看到点击之后input是根本没有checked的,所以我们需要手动操作,下面就是代码 


    // 点击复选框
    $(document).on('click','.layui-unselects',function(){
        var check = $(this).hasClass("layui-form-checked");
        if(check){
            $(this).parent('td').find('input').attr("checked","")
            $(this).removeClass('layui-form-checked')
        }else{
            $(this).parent('td').find('input').attr("checked","checked")
            $(this).addClass('layui-form-checked')
        }
    })

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

咔咔-

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值