如何使用layui实现radio单选框自动选中功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计255个文字,预计阅读时间需要2分钟。
HTML表格:使用div标签,class为layui-form-item。包含一个label标签,class为layui-form-label,显示消息通知。label标签内包含一个div标签,class为layui-input-block。div内包含两个单选按钮,name为is_notice,一个值为1,为通知,另一个值为0,为不通知。
HTML表单:
<div class="layui-form-item"> <label class="layui-form-label">消息通知</label> <div class="layui-input-block"> <input name="is_notice" value="1" type="radio" title="通知" checked=""> <input name="is_notice" value="0" type="radio" title="不通知"> </div> </div>
JS用ajax去后端取回数据:
$.get( "{:url('user/xxxx')}", {'id':adminId}, function(d){ //设置是否通知 if(d.is_notice == 0){ $("input[name=is_notice][value=1]").prop("checked","false"); $("input[name=is_notice][value=0]").prop("checked","true"); } form.render(); //更新全部 } );
切记最后的form.render(); 不能漏
(layui使用之前引入操作省略)
mark it.
以上这篇layui 实现自动选择radio单选框(checked)的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。
本文共计255个文字,预计阅读时间需要2分钟。
HTML表格:使用div标签,class为layui-form-item。包含一个label标签,class为layui-form-label,显示消息通知。label标签内包含一个div标签,class为layui-input-block。div内包含两个单选按钮,name为is_notice,一个值为1,为通知,另一个值为0,为不通知。
HTML表单:
<div class="layui-form-item"> <label class="layui-form-label">消息通知</label> <div class="layui-input-block"> <input name="is_notice" value="1" type="radio" title="通知" checked=""> <input name="is_notice" value="0" type="radio" title="不通知"> </div> </div>
JS用ajax去后端取回数据:
$.get( "{:url('user/xxxx')}", {'id':adminId}, function(d){ //设置是否通知 if(d.is_notice == 0){ $("input[name=is_notice][value=1]").prop("checked","false"); $("input[name=is_notice][value=0]").prop("checked","true"); } form.render(); //更新全部 } );
切记最后的form.render(); 不能漏
(layui使用之前引入操作省略)
mark it.
以上这篇layui 实现自动选择radio单选框(checked)的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

