layui动态设置checkbox选中状态无效

于 2020-02-14 16:14:00 发布 1797 收藏
分类专栏： 前端
本文为博主原创文章，未经允许禁止转载！
本文链接：https://blog.csdn.net/Think88666/article/details/104314134
版权

经测试发现通过attr方法设置选中状态是无效的，

$("#select1").attr("checked", "checked");

改用prop方法则能正常使用

$("#select1").prop("checked", true);

 

宇龍_
关注
  • 1
    点赞
  • 踩
  • 0
    收藏 更改收藏夹
  • 打赏
    打赏
  • 0
    评论
专栏目录
LayUI动态设置checkbox不显示的解决方法
10-16
今天小编就为大家分享一篇LayUI动态设置checkbox不显示的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Layui Table js 模拟选中checkbox的例子
01-19
思路，根据 data-index 找到 点击到的tr,获取tr下的 div，js 模拟点击 function iniTable() { layui.use('table', function(){ var table = layui.table; //展示已知数据 table.render({ elem: tableid ,cols: [[ //标题栏 {type:'checkbox',id:'goodsLimitSeqNo'} , {field: 'goodsLimitSeqNo', title: '序
jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性
最新发布
jackson61的博客
11-10 329
b.如果使用attr方法获取时，如果当前input中初始化未定义checked属性，则不管当前是否选中，$("#selectAll").attr("checked")都会返回undefined；如果当前input中初始化已定义checked属性，则不管是否选中，$("#selectAll").attr("checked")都会返回checked。a.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase .
layui 动态设置checbox 选中状态的例子
12-09
最近在使用layui前端框架，在使用单选按钮、下拉菜单select、checkbox等控件的时候 往往遇到一些初始化的东西。 有时候会发现，自己动态append进去的代码要不就是没有显示，要不就是初始化默认选中出问题。 以上这些情况进行了测试： 第一种情况：动态append()html代码后没有显示空间的解决方案： 添加 layui.form.render();//重新渲染 可以解决多种没有显示的情况 第二种情况：动态设置默认选中状态没有效果解决方案： 细分为两种情况： （1）在html页面代码下(没有在layer初始化框架中，即没有在layui.use([], function(){ })
layui 动态设置checbox 选中状态
热门推荐
Destiny的博客
05-29 3万+
最近在使用layui前端框架，在使用单选按钮、下拉菜单select、checkbox等控件的时候 往往遇到一些初始化的东西。 有时候会发现，自己动态append进去的代码要不就是没有显示，要不就是初始化默认选中出问题。 以上这些情况进行了测试： 第一种情况：动态append()html代码后没有显示空间的解决方案： 添加 layui.form.render();//重新渲染 可以解决多...
layui动态设置checkbox选中状态
coldriversnow的专栏
05-29 4210
动态监听复选框选中状态 一级分类下有N个二级分类，一级分类的选中状态随着二级分类选中的个数变化 如二级分类全部选中时一级分类状态为选中 反之为未选中 jquery动态设置layui的checkbox元素的选中状态时始终只能取消选中，却不能重新勾选，应用使用prop代替attr //监听 form.on('checkbox(jurisdiction)', function (data) { //当前分类 var dqfl =$(data.elem).attr("data-type...
layui前端框架表格实现动态数据自动勾选复选框，摸索了很久才找到这个办法。
qq_41701667的博客
07-26 7220
需要的小伙伴请戳↓ https://download.csdn.net/download/qq_41701667/10566101
layui 获取复选框选中状态 checkbox赋值回显
qq_36636312的博客
09-16 800
https://blog.csdn.net/qq_33048333/article/details/80609553
layui动态循环填充checkbox无效
Andanc的博客
03-02 1257
今天在做js这一块的时候使用js循环想在页面循环遍历出一堆checkbox，然后语句都ok，控制台测试也出来，但是就是不显示，于是跟踪了下代码。 发现代码都黑了，被禁了，于是各种搜了搜layui里的模块等，然后发现是忘记了渲染页面。最后加上了个render来渲染下就ok了 ...
layui 表单模块事件触发，select事件触发，checkbox事件，switch事件，sunmit提交等等
_花野
02-05 1491
表单模块文档:https://www.layuiweb.com/doc/modules/form.html#onselect layui 针对各种表单元素做了较为全面的UI支持，你无需去书写那些 UI 结构，你只需要写 HTML 原始的 input、select、textarea 这些基本的标签即可。我们在 UI 上的渲染只要求一点，你必须给表单体系所在的父元素加上class=“layui-form”，一切的工作都会在你加载完form模块后，自动完成。如下是一个最基本的例子： <!DOCTYPE ht
layui复选框 监听 并改变checked状态
qq_31940095的博客
09-15 7036
layui复选框监听 并改变checked状态 form.on('checkbox(tagid)',function(data){ //将选中取消 $(this).prop("checked", false); form.render...
动态html列表选中状态,layui 动态设置checbox 选中状态的例子
weixin_36239866的博客
05-31 191
最近在使用layui前端框架，在使用单选按钮、下拉菜单select、checkbox等控件的时候 往往遇到一些初始化的东西。有时候会发现，自己动态append进去的代码要不就是没有显示，要不就是初始化默认选中出问题。以上这些情况进行了测试：第一种情况：动态append()html代码后没有显示空间的解决方案：添加layui.form.render();//重新渲染 可以解决多种没有显示的情况第二种...
layui复选框根据后台参数值设置默认选中checked
爱学习的软件开发的博客
05-20 3568
前言 本文介绍layui复选框如何根据该参数给定的值来给checkbox设置默认值，步骤非常简单。 操作 效果如下，刚进入页面时根据参数的值，默认选中 复选框代码 <div class="layui-form-item"> <label class="layui-form-label">难易级别</label> <div class="layui-input-block"> <input type
解决layui动态设置checbox选中状态失效
dragonerfly的专栏
08-04 448
解决layui动态设置checbox选中状态失效，后来改用prop后成功。
checkbox属性checked="checked"已有，但却不显示打勾的解决办法
anxin591025的专栏
09-29 2万+
在做权限管理的时候，做了一个功能，就是当勾选栏目，把所有的权限全勾上。刚开始使用了如下代码： function check(id,check) { if (check) { $("." + id).find("input[type='checkbox']").attr("checked", true); } else { $("." + id).find("input[type='c
layui组件checkbox选中取消，无反应，没效果
qq_27307951的博客
04-18 3973
动态的设置checkbox的选中取消状态，选中状态。 $("input[type='checkbox']").each(function(){ $(this).prop('checked', false); }); 这样设置按理来说是会产生效果的，可是结果往往有点出人意料，点击取消全选没有任何的效果，也没有报错。 后来查阅官方文档后找到了原因 再每一次对layui 组件s...
layui表格复选框动态显示
weixin_45456250的博客
09-18 2367
描述： 根据后台返回的数据， 1.判断表格数据的是否可编辑； 2.判断每一行数据是否能被选中提交； 可编辑性 idEdit是标识字段：1为可编辑，0为不可编辑。 {field: 'itemValue', title: '数据', edit:"text",editFn:function (data) { return data["isEdit"]=="1";//true为可编辑 ...
layui监听多个复选框是否被选中（根据选中状态改变按钮状态）
乌有先生子虚子的博客
01-27 1463
效果示例： 1.html代码块 <form class="layui-form" action=""> <div class="layui-form-item"> <div class="layui-input-block checkbox-container"> <input lay-filter="checkboxs" type="checkbox" value="9" title="12345" lay-skin="primary" &g
动态html列表选中状态,layui中动态设置checkbox选中状态的方法介绍_WEB前端开发
weixin_34873798的博客
05-31 327
html中body元素用于设置背景颜色的属性是什么？_WEB前端开发html中，body元素用于设置背景颜色的属性是“bgcolor”；其语法为“”。body元素的“bgcolor”属性可以制定html文档的背景颜色。今天在使用jquery动态设置layui的checkbox元素的选中状态时始终只能取消选中，却不能重新勾选，点击勾选则没有问题，代码如下如何用JavaScript避免代码的重复执行_...
html中自动选中行,Layui中使用table组件时让某些行的checkbox自动选中
weixin_30015509的博客
06-09 437
在使用layui框架时，数据表格是经常使用的一个组件，一般在表格的左侧会有checkbox可以用来勾选当前行的数据，但是checkbox一般是由用户自己手动勾选的，那遇到需要自动勾选的情况怎么办呢？如果使用dom操作来控制checkbox选中是没有问题的，但是在使用layui的api方法时会获取不到此条被选中的数据，解决该问题的方法有两个。修改数据方法在表格的json数据中设置LAY_CHECKE...
关于Layui：checkbox的动态加载问题
u013842655的博客
04-28 868
关于Layui：checkbox的动态加载问题问题描述解决思路解决方法 问题描述 项目从后台传到前端了一个JSONArray的值，其结构是： [“教学视频”,“单板”,“双板”,“入门”,“高级”,“中级”,"***",“锦标赛”,“比赛实况”,“宣传片”,“解说”,“精彩回放”,“新闻”,“vlog”,“北京”,“吉祥物”,“教学视频”,“游玩类型”,“滑雪等级”,“赛事转播”,“视频类型”,“类型”] 需要在前端使用layui对checkbox进行重新渲染，发现原有的方法全部失效，且无法通过layu

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

宇龍_

若帮助到你，希望能给予鼓励！

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

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

打赏作者

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

抵扣说明：

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

余额充值