在
layui中，可以根据输入框的值来
选中指定的
单选框，可以通过设置
单选框的value值来实现。
示例代码如下：
HTML代码：
```
<div class="
layui-form-item">
<label class="
layui-form-label">性别</label>
<div class="
layui-input-block">
<input type="radio" name="sex" value="男" title="男" lay-filter="sex">
<input type="radio" name="sex" value="女" title="女" lay-filter="sex">
</div>
</div>
<div class="
layui-form-item">
<label class="
layui-form-label">年龄</label>
<div class="
layui-input-block">
<input type="text" name="age" lay-verify="required" placeholder="请输入年龄" autocomplete="off" class="
layui-input" id="ageInput">
</div>
</div>
```
Javascript代码：
```
layui.use(['form'], function(){
var form =
layui.form;
var ageInput = document.getElementById("ageInput"); //获取年龄输入框元素
ageInput.addEventListener("input", function(){ //监听年龄输入框的输入事件
var age = parseInt(ageInput.value); //获取输入框的值并转换为整型
if(age >= 18){ //当年龄大于等于18岁时，
选中“男”
单选框
form.val('example', {
'sex': '男'
});
}else{ //否则
选中“女”
单选框
form.val('example', {
'sex': '女'
});
}
});
});
```
以上代码实现了根据输入框的值来
选中指定的
单选框。当输入框的值大于等于18岁时，
选中“男”
单选框，否则
选中“女”
单选框。需要注意的是，这里使用了form.val()方法来设置
单选框的值，其中，'example'表示表单的lay-filter属性值。
扫一扫
375
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
