layui单选按钮无论选那个输出第一个
时间: 2023-06-29 19:17:59 浏览: 107
美化单选按钮和复选按钮.zip源码C#WinForm实例源码适合研究学习技术
可能是因为你的代码中只写了获取第一个单选按钮的 value 值并输出,而没有写根据选中的单选按钮来获取对应的 value 值并输出。你需要在单选按钮选中时监听事件,然后获取选中的单选按钮的 value 值,再根据这个 value 值来输出对应的结果。以下是一个示例代码:
HTML 代码:
```html
<div class="layui-form-item">
<label class="layui-form-label">单选按钮</label>
<div class="layui-input-block">
<input type="radio" name="radio" value="1" title="选项1">
<input type="radio" name="radio" value="2" title="选项2">
<input type="radio" name="radio" value="3" title="选项3">
</div>
</div>
```
JavaScript 代码:
```javascript
layui.use(['form'], function() {
var form = layui.form;
// 监听单选按钮选中事件
form.on('radio', function(data){
// 获取选中的单选按钮的 value 值
var value = data.value;
// 根据选中的单选按钮的 value 值来输出对应的结果
switch (value) {
case '1':
console.log('选中了选项1');
break;
case '2':
console.log('选中了选项2');
break;
case '3':
console.log('选中了选项3');
break;
default:
console.log('未知选项');
}
});
});
```
这样就可以根据选中的单选按钮来输出对应的结果了。
阅读全文