美文网首页让前端飞前端全栈开发
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