layui radio 赋值不成功
时间: 2023-11-16 17:09:22 浏览: 200
layui中select,radio设置不生效的解决方法
如果你使用 layui 的 radio 组件赋值不成功,可能是因为你没有正确设置 radio 组件的 value 属性。
请确保你为每个 radio 元素设置了不同的 value 值,并且在 JS 中将选中的 radio 的 value 值赋值给相应的变量或表单输入框。
以下是一个示例代码,可以帮助你更好地理解如何使用 layui 的 radio 组件:
HTML 代码:
```
<!-- 单选框组件 -->
<div class="layui-form-item">
<label class="layui-form-label">性别</label>
<div class="layui-input-block">
<input type="radio" name="sex" value="男" title="男" checked>
<input type="radio" name="sex" value="女" title="女">
</div>
</div>
```
JS 代码:
```
// 获取选中的单选框的 value 值
var sex = $('input[name="sex"]:checked').val();
// 将选中的 value 值赋值给表单输入框
$('#sex-input').val(sex);
```
请注意,以上代码仅供参考,具体实现可能因项目需求而异。如果问题仍然存在,请提供更多的代码和错误信息,以便我们更好地帮助你解决问题。
阅读全文