多个layui单选按钮值相同如何区分
时间: 2024-02-15 15:03:40 浏览: 157
如果多个layui单选按钮的value值相同,可以通过给每个单选按钮设置不同的name属性来区分。
比如,有两个单选按钮,它们的值都为1,但是它们的name属性分别为sex1和sex2,那么就可以通过获取对应的name属性来区分它们的值。
示例代码如下:
```
<div class="layui-form-item">
<label class="layui-form-label">选择1:</label>
<div class="layui-input-block">
<input type="radio" name="sex1" value="1" title="男" checked>
<input type="radio" name="sex1" value="1" title="女">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">选择2:</label>
<div class="layui-input-block">
<input type="radio" name="sex2" value="1" title="男" checked>
<input type="radio" name="sex2" value="1" title="女">
</div>
</div>
```
在处理数据时,可以通过获取name属性和选中的值来确定用户选择的是哪个单选按钮。比如,在form表单提交时,可以使用以下代码获取选中的单选按钮值:
```
form.on('submit(submitBtn)', function(data){
var sex1 = $('input[name="sex1"]:checked').val();
var sex2 = $('input[name="sex2"]:checked').val();
//处理选中的值
});
```
通过这种方式,就可以区分多个值相同的layui单选按钮。
阅读全文