layui表单元素的radio单选框问题
发布在前端JavaScript开发2018年10月18日view:3229React Nativeweb框架Docker模板引擎three.jslistManager.jsCharlesfat编译与执行JavaScript原型load前端工程师面试PhillyKaylynnsse团队协作mobile-angular-uitree-shaking小程序商店RESTful
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

单选框按钮在显示的时候无法直接根据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

评论
发表评论
暂无评论
WRITTEN BY
前端攻城小牛
你所谓的稳定不过是在浪费生命
TA的新浪微博
PUBLISHED IN
前端JavaScript开发

enter code here往前端这条不归路再次迈进

我的收藏