ZKX
首页
分类
PHP
MySQL
登录/注册
layui 的 checkbox 联动，监听事件不准确
2019-11-05
698
4
当我们用layui做checkbox联动的时候，经常会出现需要点击checkbox几次才能得到我们想要的结果。 我遇到的问题是，当触发事件后使用`attr()`去设置checkbox的选中状态。 但是会出现当我连续多次设置和删除了`checked`的时候，layui的监听`checkbox`复选： ```javascript form.on('checkbox(filter)', function(data){ //这个东西就没法正确获取了 console.log(data.elem.checked); //是否被选中，true或者false }); ``` 最后经过我百度查询资料，发现在layui中，用`attr()`这个去设置`checked`属性是不会重新渲染`checkbox`的，果然好坑o(╥﹏╥) 之前查资料的时候，有人说用`form.render()`重新渲染，我试了下，虽然`checkbox`会重新渲染，但是这个会导致你在获取节点的时候获取不到东西，所以如果场景不是联动的话，就可以使用`form.render()` 解决方案：使用`prop()`来设置`checked`，就不会出现不渲染的问题了 `$(data.elem).prop("checked",true);`
标签：
layui
评论
回复
测试人物
：
取消回复
评论正在提交中...请稍后
评论提交成功...
提交失败
评论
接口请求错误
加载更多
网站信息
联系博主
日志总数：82 篇
网站运行天数：925 天
微信：未设置
QQ：未设置
热门文章
phpstudy 升级 MySQL版本到MySQL5.7
2020-04-01
702
0
layui 的 checkbox 联动，监听事件不准确
2019-11-05
699
4
PHP 控制 QPS (Query Per Second) 的写法
2019-11-05
578
0
CSS修改Autocomplete样式
2019-12-16
569
0
laravel 表单验证 返回自定义的信息
2020-03-23
489
0
editor.md 把代码块修改为暗黑系风格
2020-03-16
446
0
editor.md 把github emoji的图片换到本地
2020-04-15
433
0
Navicat 远程连接 mysql报can't connect to mysql server on 10060
2019-11-05
433
0
laravel php artisan migrate 指定迁移文件
2019-12-12
382
0
laravel 整合 workerman 做聊天室
2019-12-12
344
0
在使用laravel+layui时，模板语法冲突
2019-11-05
312
0
自定义layui模块
2019-12-28
296
0
