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

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

author:咔咔


wechat:fangkangfk


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

image.png



在这段代码中,我检测到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')
        }
    })
相关文章
|
JavaScript 前端开发 数据格式
LayUI前框框架普及版(三)
LayUI前框框架普及版
326 0
|
前端开发
css改input变输入框光标颜色demo效果示例(整理)
css改input变输入框光标颜色demo效果示例(整理)
|
自然语言处理 IDE 开发工具
通义灵码编程智能体上线,支持Qwen3模型
通义灵码最全使用指南,一键收藏。
128001 31
通义灵码编程智能体上线,支持Qwen3模型
|
分布式计算 Java Hadoop
crontab环境变量问题
在crontab中运行脚本来查看hadoop相关信息,由于hadoop、java默认部署在/usr/local下面, 所以导致crontab执行时出现报错。具体与环境变量有关系,下文描述比较清楚。
1591 0
Vscode设置标签页多行显示
这篇文章提供了在VSCode中设置标签页多行显示的方法,以提高编辑效率。
Vscode设置标签页多行显示
|
消息中间件 Java Maven
深入理解Spring Boot Starter:概念、特点、场景、原理及自定义starter
深入理解Spring Boot Starter:概念、特点、场景、原理及自定义starter
|
人工智能 移动开发 IDE
安利几款与钉钉平台无缝集成打通账号认证的企业文档管理系统
钉钉是很多中小企业都爱用的产品,开通账号就能直接使用了,应用生态非常丰富,尤其是AI技术的应用,走在行业前列。但仍有很多企业对于全面拥抱SaaS服务充满了顾虑,尤其在内部资料的管理这块,即使钉钉在线文档已经提供了非常优秀的协作体验,不少客户仍更偏爱私有部署在局域网里面的企业文档管理系统。那么能将企业内部部署的文档管理系统集成到钉钉平台上面,和钉钉文档并行使用呢?市面上又有哪些企业文档管理系统软件支持与钉钉的集成呢?这也是很多企业客户的疑问。
安利几款与钉钉平台无缝集成打通账号认证的企业文档管理系统
|
数据挖掘 API 数据安全/隐私保护
python请求模块requests如何添加代理ip
python请求模块requests如何添加代理ip
667 0
|
JavaScript
vue element ui 打开弹窗出现黑框问题
vue element ui 打开弹窗出现黑框问题
263 1
layui表单select框同时支持下拉和输入的解决方案
layui表单select框同时支持下拉和输入的解决方案
646 0