layui表单元素的radio单选框问题

单选框按钮在显示的时候无法直接根据value判断，保存获取其值也是单纯根据checked属性获取，如果checked属性写死，那么就算手动切换了，也是保存的写死的那个值，所以radio按钮赋值需要特殊对待。

for(var name in result.entity){ //遍历返回结果的实体对象的每一个属性名，然后根据属性名查出值赋值到对应的表单元素if(name=="show"){$("[name="+name+"][value="+result.entity[name]+"]").prop('checked', true);continue;}$("[name="+name+"]").val(result.testNotice[name]);
}
复制代码

tpl模板

<div class="layui-row layui-col-space10 layui-form-item"><label class="layui-form-label">是否显示：</label><div class="layui-input-block"><input type="radio" name="show" value="1" title="是" /><input type="radio" name="show" value="0" title="否" /></div>
</div>
复制代码

本次给大家推荐一个免费的学习群，里面概括移动应用网站开发，css，html，webpack，vue node angular以及面试资源等。对web开发技术感兴趣的同学，欢迎加入Q群：864305860，不管你是小白还是大牛我都欢迎，还有大牛整理的一套高效率学习路线和教程与您免费分享，同时每天更新视频资料。最后，祝大家早日学有所成，拿到满意offer，快速升职加薪，走上人生巅峰。

转载于:https://juejin.im/post/5bc883b2f265da0abd354dcf

layui表单元素的radio单选框问题相关推荐

html中表单元素中的单选框,Html表单元素及表单元素详解
大纲 1.认识表单 2.认识表单元素 3.表单元素的分类 4.表单元素--文本框 5.表单元素button 6.表单元素--单选.多选 7.表单元素--select 8.表单元素--textarea ...
Layui表单元素的赋值
给表单元素赋值 $('#表单元素id').val(要赋予的值);
layui表单单选按钮和下拉框默认选中
单选按钮和下拉框默认选中在使用layui的单选按钮和下拉框时,有时候需要将后台传过来的值使得单选框和下拉菜单默认选中.我的方法是将后台穿过来的值先放在一个隐藏域中,然后再去取值. 1.HTML片 ...
第三章表单与表单元素
学习目标理解表单的作用理解表单与表单元素的关系掌握表单标签及其属性掌握各种表单元素标签及其属性在Web网页中,浏览者经常需要与Web服务器进行数据交互.当浏览者需要填写数据并将这些数据发送到 ...
layui快速学习（一）form表单元素
form表单元素包括:text 文本输入框,password密码输入框,checkbox复选框,radio单选框,file 文件域,submit表单提交action指向的文件,reset表单清空,im ...
layui 横向表单_对layui中表单元素的使用详解
首先不管是单选框还是复选框或者是下拉框,都要在你写的标签外面套一层div或者是form标签,如: 这样写好了以后,你如果是写在静态页面,这样式可以看见效果,如果写在js里,这样写了还有一步得写,那就是 ...
html 复选框name值,HTML(5)表单元素以及对各个表单元素的name、value属性的理解
我在学习表单元素的时候感觉很混乱,特别是 name value这两个属性,没有真正理解它们是干什么的,所以需要梳理一下. HTML表单元素主要有 HTML5新增的表单元素有三个下面梳理一下这些表单元 ...
单选框加了css后显示不出来,layui radio 单选框效果显示不来解决方法
$("input[name=sex][value=女]").attr("checked", data.data.adminInfoEntity.adminInf ...
layui单选框verify_layui 实现自动选择radio单选框(checked)的方法
HTML表单: 消息通知 JS用ajax去后端取回数据: $.get( "{:url('user/xxxx')}", {'id':adminId}, function(d){ // ...
CSS-5 列表元素(ol+ul++li+dl+dt+dd)、表格元素、单元格合并、表单元素(input+label+radio+...)、Emmet语法、结构伪类(:nth-child）
目录 1_列表元素 1.1_列表的实现方式 1.2_有序列表 – ol – li 1.3_无序列表 – ul - li 1.4_定义列表 – dl – dt - dd 1.5_ 写前端代码逻辑顺序 2 ...

layui表单元素的radio单选框问题

layui表单元素的radio单选框问题相关推荐

最新文章

热门文章