layui中修改页面layer.open弹出层给radio赋值

最新推荐文章于 2025-06-08 09:12:45 发布

璞~

最新推荐文章于 2025-06-08 09:12:45 发布

阅读量1.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： layui

本文链接：https://blog.youkuaiyun.com/qq_39702981/article/details/105683293

layui 专栏收录该内容

12 篇文章

订阅专栏

本文解决了一个在使用layui框架进行页面修改时遇到的问题，即如何在layer.open弹出层中正确给radio按钮赋值。通过具体的代码示例，详细介绍了在iframe中操作radio元素的方法，确保了数据的准确填充。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layui中修改页面layer.open弹出层给radio赋值

最近使用layui做了个简单的项目，遇到了个问题，在layui.table渲染页面做修改的时候，使用的是弹出层，要把值赋给radio的时候总是渲染不上去。
现在解决了这个问题，记录一下。![效果如图]

在这里插入图片描述

把代码也放上：
js代码块：

function updateUser(data) {
		layer.open({
		type : 2,
		title : '修改用户信息',
		skin : 'layui-layer-rim', //加上边框
		closeBtn :1,
		area : [ '400px', '600px' ] //宽高
									,
		id : 'LAY_layuipro' //设定一个id，防止重复弹出
									,
		offset : '10px',
		moveType : 0 //拖拽模式，0或者1
									,
		content : 'lz/user/user_upd.html',
									
		success : function(layero, index2) {

		var body = layer.getChildFrame('body', index2);
		//获取content的窗口
		var iframeWin = layero.find('iframe')[0].contentWindow;
		body.find("#id").val(data.id);
		body.find("#username").val(data.username);
		body.find("#real_name").val(data.real_name);
		body.find("#department").val(data.department);
		body.find("input[name=account_type][value=0]").attr("checked",data.account_type == 0 ? true : false);
		body.find("input[name=account_type][value=1]").attr("checked",data.account_type == 1 ? true : false);
		iframeWin.layui.form.render();
		},
		end : function() {
		layer.close();
		}
		})

		}

iframe中的代码如下：

<form id="upd1" name="upd1" class="layui-form" lay-filter="formTest">
				<div class="layui-form-item">
					<label class="layui-form-label">登录名</label>
					<div class="layui-input-inline shortInput">
						<input type="text" id="username" name="username" value="wc" required lay-verify="required" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">真实姓名</label>
					<div class="layui-input-inline shortInput">
						<input type="text" id="real_name" name="real_name" value="Jimmy" required lay-verify="required" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">部门名</label>
					<div class="layui-input-inline shortInput">
						<input type="text" id="department" name="department"  autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">原始密码<span style="color: red;">*</span></label>
					<div class="layui-input-inline shortInput">
						<input type="password" id="old_pwd" name="old_pwd" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">新密码<span style="color: red;">*</span></label>
					<div class="layui-input-inline shortInput">
						<input type="password" id="pwd" name="pwd" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">确认密码<span style="color: red;">*</span></label>
					<div class="layui-input-inline shortInput">
						<input type="password" name="pwd" lay-verify="required|confirmPass" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label" style="width: 100px;">是否为管理员</label>
					<div class="layui-input-block"  id="account_type">
						<input id="yes" type="radio" name="account_type" value="0" title="是">
						<input id="no" type="radio"  name="account_type" value="1" title="否">
					</div>
				</div>
				
				<div class="layui-form-item">
					<div class="layui-input-block">
						<button class="layui-btn" lay-submit lay-filter="submitBut">立即提交</button>
						<button type="reset" class="layui-btn layui-btn-primary">重置</button>
					</div>
				</div>
			</form>