美文网首页让前端飞前端全栈开发
layui表单元素的radio单选框问题

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

作者: a333661d6d6e | 来源:发表于2018-10-18 21:55 被阅读5次

单选框按钮在显示的时候无法直接根据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]);
}
image.png

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>
//对web开发技术感兴趣的同学,欢迎加全栈开发交流群:864305860

最后,祝大家早日学有所成,拿到满意offer,快速升职加薪,走上人生巅峰。

864305860

相关文章

网友评论

    本文标题:layui表单元素的radio单选框问题

    本文链接:https://www.haomeiwen.com/subject/aufezftx.html