踩坑记录：layui动态添加的radio没法赋值

最新推荐文章于 2024-06-05 21:55:30 发布
原创 最新推荐文章于 2024-06-05 21:55:30 发布 · 1.6k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文讲述了在使用layui 2.4.5版本时，动态生成的radio选项如何因为后台数据类型为int导致无法选中。解决方法是将int类型转换为字符串后赋值。

首先申明一下我用的layui版本是2.4.5
页面上的radio选项是动态生成的，默认生成的都是不被选中的，编辑的时候会从后台拿到选中的记录ID通过form.val方法赋值最后调用 form.render(‘radio’) 重新渲染。
发现始终都选不上，最后发现后台传输给前台的json数据里字段类型是int类型的，int类型的赋值layui不工作，所以始终就勾选不上。

解决办法

调用form.val方法的时候，传入的参数加一个.toString()方法转换成string类型的就行了。
在这里插入图片描述

layui radio性别单选框赋值
weixin_42807940的博客
02-21 599
layui radio性别单选框赋值 cols: [ [ {type: 'checkbox', fixed: 'left'}, {field: 'comName', title: '单位名称', sort: true}, { field: 'gwType', title: '岗位类型', sort: true
解决layui的form里的元素进行动态生成,验证失效的问题
10-16
今天小编就为大家分享一篇解决layui的form里的元素进行动态生成,验证失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui radio性别单选框赋值方法
10-18
今天小编就为大家分享一篇layui radio性别单选框赋值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui 实现动态 radio 、select下拉框 jQuery赋值方法
weixin_43507846的博客
04-04 2024
layui radio 、select 赋值方法 下面展示一些 radio 单选框赋值。 <div class="layui-inline layui-col-md4"> <label class="layui-form-label" id="jz" required>是否紧急 </label> <div class...
Layer ui 针对 radio 进行赋值操作
Monster的博客
12-12 3446
写layer ui 进行 radio 赋值操作的时候遇到了一个坑。
layui 实现自动选择radio单选框(checked)的方法
10-16
2. 使用Layui框架：Layui是一个前端UI框架，它提供了一系列的模块和组件，使得开发者能够更加方便地实现美观的界面。在本文中，作者通过Layui的表单模块来展示单选框，同时利用其内置的JavaScript模块来动态设置单选...
layui中select，radio设置不生效的解决方法
10-16
开发者在使用layui框架进行网页开发时，如果遇到了select和radio组件无法正常工作的情况，可以通过这篇文章找到解决办法。 标签中提到的关键词“layui select radio 设置”，直接指出了文章的主题是关于layui框架中...
html 表单radio value值,使用layui问题-form表单提交时radio获取不到value值
weixin_33962315的博客
06-28 1052
前端页面1 2 3 类别4 5 6 7 8 9 10 11 确定添加12 13 14 JS代码1 layui.use(['form'],function(){2 var form = layui.form3 ...
点击layui的单选框radio却没有被选中
qq_40787608的博客
03-02 1615
解决方法：给layui的radio单选框添加一段JQ代码 //layui的单选框的选中状态 $('.layui-form-radio').on('click',function () { var name = $(this).prev().attr("name"); $('input[name='+name+']').attr("checked",false) $(this).prev().attr('checked',"checked");
layui radio 赋值和获取值的方法
小寒风的
12-17 5282
<div class="layui-form-item"> <label class="layui-form-label">是否删除</label> <div class="layui-input-block"> <input type="radio" name="isDel" value="0" title="正常" > &...
layui radio赋值选中不了的问题
weixin_30703911的博客
01-16 1269
layui radio赋值选中不了的问题： 赋值以后，需要重新渲染form，加上代码 form.render(); 就可以了 $("input[name='xmnd'][value='"+data.xmnd+"']").prop("checked", "checked"); form.render(); 转载于:https://www.cnblogs.com/mi...
Layui radio（单选按钮）的使用（动态渲染和更改选中值）
旭东怪的博客
11-17 1万+
1 动态渲染 HTML代码： <form> <input type="radio" name="bShow" value="1" title="是" /> <input type="radio" name="bShow" value="0" title="否" /> </form> 最终效果图 ： 注：动态渲染select标签时，需要将select标签置于form表单内。 2 更改选中值 $('[name=bShow]').
vuejs踩坑记录：element ui 表单回显 radio 动态赋值无效果的问题
南北极之间
02-21 4603
对于动态赋值的Element-ui-radio要使用动态绑定赋值给label 也就是冒号赋值：
已解决：form表单提交后台无法获得value值
最新发布
2301_76950240的博客
06-05 995
一开始以为是在servlet中setUsername，但username不可更改，所以获取值为null，而导致set后username为null（发现并不是）。3.检查获取对象后sql语言是否正确， 在service方法中编辑输出语言，发现修改项fullname（用户姓名）等数据项成功获取，但username显示null。用户名：
jquery radio 动态控制选中失效问题
Cc_Rain
06-15 4349
性别选择 男女 通常是使用radio 在修改客户资料时 需要根据信息对radio进行选中。 最初的代码做法是console.log($(':radio[value='+data[2]+']').attr('checked'));但测试后有问题 在分别选中男女以后 就会失效。 后来搜了资料 原来是jQuery的版本问题 不同版本中对attr做的了修改**如果你的jQuery库的版本是1.6以下的，
radio动态赋值
weixin_40362806的博客
04-29 691
var othis = layero.find('iframe').contents().find("#layuiadmin-app-form-list").click(); othis.find('input[name="lId"]').val(data.lId); othis.find('input[name="authorityName"]').val(data.lName); //radio动态赋值 othis.find("input[name='role'][v.
layui 通过jquery动态添加radio状态不生效问题 已解决
小白的博客
11-21 3454
问题描述 在用layui框架时遇到一个问题，想通过ajax返回的值来显示radio选中状态，但是一直不生效。 解决 为什么不能用attr()？ 首先要知道prop与attr的区别 prop() 用于检索固有属性，例如 DOM 属性（selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 default...
坑爹的radio 多次操作 赋值无效 得使用 prop("checked", true);
热门推荐
zxstone的专栏
04-14 1万+
起初，使用attr赋值 设置选中  表面上看OK，但是多次使用就挂了。 最后才发现  是jquery高版本中，已经在使用 prop   据说使用 prop是根据 HTML元素标签中是否有自定义属性决定，但是，无暇考证，感觉 prop使用是正常的，尤其是针对easyui中。 代码如下： //设置选中 $("input[name='b'][value=" + theApplyType
layui 动态添加input radio
05-13
可以通过以下方式动态添加 input radio： ```javascript // 创建一个 input 元素 var radioBtn = document.createElement("input"); // 设置 input 类型为 radio radioBtn.type = "radio"; // 设置 input 名称为 demo radioBtn.name = "demo"; // 设置 input 值为 1 radioBtn.value = "1"; // 将 input 添加到页面中的某个元素中 document.getElementById("container").appendChild(radioBtn); ``` 上述代码会创建一个名称为 `demo`，值为 `1` 的单选框，并将其添加到页面中 ID 为 `container` 的元素中。你可以根据需要修改名称、值以及要添加到的元素 ID。如果需要添加多个单选框，可以根据上述方式创建多个 input 元素并添加到页面中。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值