Layui前端框架radio动态操作选中

前端代码

修改radio单选按钮的动态选中


前端页面代码

<div class="layui-form-item">
<label class="layui-form-label">订单状态</label>
<div class="layui-input-block">
<span id="orderstatus" style="display: none"></span>
<input type="radio" name="state" id="state1" title="待确定" value="0" checked="checked" > 
<input type="radio" name="state" id="state2" title="已确定" value="1" > 
<input type="radio" name="state" id="state3" title="已作废" value="2" >
</div>
</div>

JS代码

 var sta = r.orderstatus;
var radio = document.getElementsByName("state");
var radioLength = radio.length;
for (var i = 0; i < radioLength; i++) {
    if(sta == radio[i].value){
   $(radio[i]).next().click();
}
}


从后台传过来的值与radio的value值比较,相同的时候改变radio的checked属性,layui这一部分有一个隐藏的div需要改变隐藏div的样式,比较繁琐。



简单的方法,jquery的模拟click点击事件,如上面js代码中描述的一样,先转化为jquery对象,定位到下一个元素,执行click()方法。


在这里插入图片描述

评论