layui单选框通过js控制选择

最新推荐文章于 2024-11-21 09:59:30 发布

旋宝宝要开心

最新推荐文章于 2024-11-21 09:59:30 发布

阅读量1.7k

点赞数

分类专栏： layui 文章标签： layui

本文链接：https://blog.youkuaiyun.com/qq_39280563/article/details/124037448

版权

本文介绍如何在layui框架中通过JavaScript控制单选框的选择状态，并在用户取消操作时实现选择状态的还原。重点在于点击取消后的还原函数，使用form.render()确保单选框重新渲染。

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

html部分，注意一定要放到layui-form中，不然无法正确渲染

 <div class="layui-form ba-search-box" id="IndicatorType">
      <input type="radio" name="IndicatorType" value="0" title="按月(M)" lay-filter="IndicatorType" checked>
      <input type="radio" name="IndicatorType" value="1" title="按日(D)" lay-filter="IndicatorType">
</div>

上面默认会选中按月选项。