HTML页面单选框(使用了layui样式):
<div class="layui-form-item">
<label class="layui-form-label">性别</label>
<div class="layui-input-block" id="upSex">
<input type="radio" name="sexs" value="男" class="sexx" title="男">
<input type="radio" name="sexs" value="女" class="sexx" title="女">
</div>
</div>
获取到页面上选中的性别的值:
需要注意的是:
[q].checked=true;//经过判断让获取到的值所在的单选框为选中状态
layui.form.render();//更新渲染,不更新无法显示选中的值
var sex=document.getElementsByClassName('sexx');
for(let q = 0;q<sex.length;q++){
if(sex[q].value==stu[id].gender){
[q].checked=true;
layui.form.render();
}
}
点击提交按钮传递选中信息:
var upSex=document.getElementsByName("sexs")
for(let i = 0;i<upSex.length;i++){
if(upSex[i].checked){
upSex=upSex[i].value;
}
}
之前是没有添加渲染,就无法在编辑的时候显示单选选中的值。