layui中动态设置checkbox选中状态的方法介绍

码农天地 -
layui中动态设置checkbox选中状态的方法介绍

今天在使用jquery动态设置layui的checkbox元素的选中状态时始终只能取消选中,却不能重新勾选,点击勾选则没有问题,代码如下

if (value == "true") { $("#select1").attr("checked", "checked");} else { $("#select1").removeAttr("checked");}

百度很久终于找到一个可用的解决方案,使用prop代替attr,如下:

if (value == "true") { //$id.attr("checked", "checked"); $id.prop("checked", true);} else { $id.prop("checked", false); //$id.removeAttr("checked");}

更多layui知识请关注PHP中文网layui教程栏目

以上就是layui中动态设置checkbox选中状态的方法介绍的详细内容,更多请关注php中文网其它相关文章!

微信分享相关标签:layui checkbox 选中状态本文转载于:博客园,如有侵犯,请联系a@php.cn删除上一篇:使用LayUI实现前端分页功能下一篇:没有了

相关文章

相关视频

layui的本地存储方法介绍Django+Layui后台布局介绍layui中table数据表格隐藏列的方法介绍layui表单中的inline和block介绍layui中动态设置checkbox选中状态的方法...后台管理系统HOME页面(layui 后台模板)菜单管理页面(layui表格+表单)简述layui文件上传及课程小结

网友评论

文明上网理性发言,请遵守 新闻评论服务协议

我要评论立即提交专题推荐独孤九贱-php全栈开发教程

全栈 100W+

主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门

玉女心经-web前端开发教程

入门 50W+

主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门

天龙八部-实战开发教程

实战 80W+

主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习

作者信息

认证0级讲师

最近文章SpringBoot整合Redis缓存的方法介绍654layui中动态设置checkbox选中状态的方法介绍967JavaScript判断"字典"为空的方法1021发布技术文章最新文章热门排行

layui中动态设置checkbox选中状态的方法介绍使用LayUI实现前端分页功能Layui连接mysql操作CRUDlayui弹出层闪退解决基于layui实现select区域联动layui实现登录功能的方法layui时间控件选择时间详解layuiAdmin单页版根据后台json数据动态生成左侧菜单栏

layui框架的优点和缺点是什么layui如何使用按钮事件layui列表怎么取input框的值layui怎么用layui导入导出Excel方法layui标签输入框inputTags介绍Layui时间选择框介绍layui表格怎么把表头固定推荐视频教程layUI前端框架使用详解前端UI框架 — layui视频教程分类php视频教程html视频教程css视频教程JS视频教程jQuery视频教程mysql视频教程Linux视频教程Python视频教程article_status = 469925;网站首页 PHP视频PHP实战PHP代码PHP手册词条手记编程词典

php中文网:公益在线php培训,帮助PHP学习者快速成长! 合肥彼岸互联信息技术有限公司

Copyright 2014-2020 https://www.php.cn/ All Rights Reserved | 皖B2-20150071-9 皖公网安备 34010402701654号 关于我们免责申明赞助与捐赠广告合作

座机号码:0551-64933227  安徽省合肥市政务新区置地广场D座2101

  var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?8cc45d54c337ca616c34b1cf747da91c";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();$('.content').viewer();
特别申明:本文内容来源网络,版权归原作者所有,如有侵权请立即与我们联系(cy198701067573@163.com),我们将及时处理。

Tags 标签

加个好友,技术交流

1628738909466805.jpg