使用layui框架时,JS实现原生AJAX编辑功能时单选框的值无法赋值情况

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;
		}
	}

之前是没有添加渲染,就无法在编辑的时候显示单选选中的值。

Guess you like

Origin blog.csdn.net/qq_39981639/article/details/120089442