from表单layui单选框输入数据都是第一个
时间: 2024-02-18 19:01:32 浏览: 24
我理解你的问题是:在使用 layui 的表单单选框时,无论选中哪个选项,提交表单时都只能取到第一个选项的值。这可能是因为你没有正确设置单选框的 name 属性,或者在 JS 中获取单选框的值时没有使用相应的方法。你可以参考以下代码示例:
HTML 代码:
```
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">性别</label>
<div class="layui-input-block">
<input type="radio" name="sex" value="男" title="男">
<input type="radio" name="sex" value="女" title="女">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formDemo">提交</button>
</div>
</div>
</form>
```
JS 代码:
```
// 注意:需要先引入 layui 模块
layui.use(['form'], function() {
var form = layui.form;
// 监听表单提交事件
form.on('submit(formDemo)', function(data) {
console.log(data.field.sex); // 获取单选框的值
return false; // 阻止表单跳转
});
});
```
在这个示例中,我们设置了两个单选框,并且给它们都设置了相同的 name 属性(即 "sex"),这样它们就可以分组,只能选择其中的一个。当用户提交表单时,我们使用 `form.on('submit')` 监听表单的提交事件,然后通过 `data.field.sex` 获取单选框的值。