ZKX
首页
分类
PHP
MySQL
登录/注册
layui 的 checkbox 联动，监听事件不准确
2019-11-05
226
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 篇
网站运行天数：355 天
微信：未设置
QQ：未设置
热门文章
layui 的 checkbox 联动，监听事件不准确
2019-11-05
227
4
phpstudy 升级 MySQL版本到MySQL5.7
2020-04-01
101
0
laravel 整合 workerman 做聊天室
2019-12-12
66
0
PHP 控制 QPS (Query Per Second) 的写法
2019-11-05
66
0
laravel php artisan migrate 指定迁移文件
2019-12-12
58
0
git 常用命令
2019-12-11
54
0
PHP 用正则分章节
2019-12-05
54
0
在阿里云服务器上部署git
2019-11-05
54
0
Navicat 远程连接 mysql报can't connect to mysql server on 10060
2019-11-05
53
0
curl 请求
2019-11-05
49
0
php 阿拉伯数字和中文数字的相互转换
2019-11-05
46
0
PHPstudy 升级 MySQL版本到MySQL8
2020-04-03
35
0
