如何使用layui实现radio单选框自动选中功能?

更新于
2026-10-01 03:10:42
1阅读来源:SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计255个文字,预计阅读时间需要2分钟。

如何使用layui实现radio单选框自动选中功能?

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使用之前引入操作省略)

如何使用layui实现radio单选框自动选中功能?

mark it.

以上这篇layui 实现自动选择radio单选框(checked)的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

本文共计255个文字,预计阅读时间需要2分钟。

如何使用layui实现radio单选框自动选中功能?

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使用之前引入操作省略)

如何使用layui实现radio单选框自动选中功能?

mark it.

以上这篇layui 实现自动选择radio单选框(checked)的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。