单选框,根据后台sql传来的值进行选择

效果是这样的,能根据sql传来的值修改其内容

选择框:

<div class="form-inline col100">
    <label>数据需求同步方式</label>
    <input type="radio" value="Hive" placeholder="" name="data_demand_synchronization"             style="height: 10px;width:30px">Hive
    <input type="radio" value="mysql" placeholder="" name="data_demand_synchronization" style="height: 10px;width:30px">mysql
</div>

js改属性值:

//单选框
function initradio(rName,rValue){
    for(var i = 0;i < rObj.length;i++){
        if(rObj[i].value == rValue){
            rObj[i].checked =  'checked';
        }
    }
}

调用并改值:

//选择框
var data_demand_synchronization = $(form).find("data_demand_synchronization").val();
initradio('data_demand_synchronization',data_demand_synchronization);

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在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属性

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值