layui radio 赋初始值

最新推荐文章于 2025-05-27 16:15:41 发布

转载最新推荐文章于 2025-05-27 16:15:41 发布 · 1.6w 阅读

本文介绍在Layui框架中如何正确设置radio单选框的初始值，通过具体的HTML和JS代码示例，解释了必须使用form.render()重新渲染表单才能使设置生效的原因。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Layui 我觉得也算的上是比较优秀的前端框架,其简单易用,风格简洁广受我这样的菜鸡程序员的欢迎,但是不得不说的是,这个作者真的很懒,文档什么的几乎都没有什么,一个完整的案列,表单赋初始值得那一节,就是短短几行代码就完了,留了很多的坑,今天就填一下其中的一个坑,就是radio 的赋初始值

#先看HTML 部分的代码

<div class="layui-form-item">
    <label class="layui-form-label">升级方式</label>
     <div class="layui-input-block">
        <input type="radio" name="upModel" value="0" title="普通">
        <input type="radio" name="upModel" value="1" title="强制升级">
     </div>
</div>

一开始找了很多方法都是没有用的,后来才找到有用的代码示例

#JS 代码

$("input[name=upModel][value='0']").attr("checked", appupdate.upModel == 0 ? true : false);
$("input[name=upModel][value='1']").attr("checked", appupdate.upModel == 1 ? true : false);
form.render(); //更新全部

之前试了很多次都是失败了,一定要加 form.render(); 重新渲染表单要不然是不会生效的

本文非原创转载自layui radio性别单选框赋值