子页面用 layui.form.on('radio') 监听不到变化，主要因未在 layui.use(['form'], callback) 内初始化或 dom 未渲染完成；动态单选框需先 form.render('radio') 再绑定；传值推荐 postmessage 或 layer.getchildframe 配合父页面函数调用。
子页面用 layui.form.on('radio') 监听不到变化？
常见原因是子页面没正确初始化表单模块，或监听绑定时机不对。Layui 的 form.on('radio') 必须在 layui.use(['form'], callback) 内执行，且 DOM 已渲染完成。
- 确保子页面已调用
layui.use(['form'], function(){ ... })，不能只写layui.form.render() - 监听代码必须放在
layui.use回调里，不能放在$(document).ready()或全局 script 中 - 如果单选框是动态插入的（比如 AJAX 加载后），需在插入后立即调用
form.render('radio')再绑定事件
怎么把选中的值传回父页面？
子页面通过 window.parent 访问父页面上下文，但要注意跨域限制和 iframe 场景下的可用性。最稳妥的方式是：子页面触发自定义事件，父页面监听并处理。
- 子页面选中后执行：
window.parent.postMessage({type: 'radio_selected', value: 'xxx'}, '*') - 父页面在
$(document).ready()里监听：window.addEventListener('message', function(e) { if (e.data.type === 'radio_selected') { console.log(e.data.value); } }); - 若非 iframe、而是 layer.open 弹层，则直接用
parent.xxxFunction(value)调用父页面函数（前提是函数已挂载到window上）
layer.open 子页面里 form.on('radio') 传值失败的典型原因
layer 弹层默认是 iframe 模式，此时子页面的 window 和父页面隔离，直接调用 parent.xxx 会报错或无效，除非明确指定作用域。
- 检查 layer 打开方式：
type: 2（iframe）时必须用postMessage或layer.getChildFrame() - 若用
layer.getChildFrame('body', index)获取子页面 body，再用find('[name="xxx"]')取值，不如在子页面主动发消息简洁可靠 - 不要在子页面写
parent.layui.form.on(...)—— 父页面的 form 模块无法监听子页面 DOM
父页面接收后怎么更新自身表单或变量？
接收到值只是第一步，关键是要同步到父页面的业务逻辑里，比如填充隐藏域、触发表单校验、或刷新关联字段。
- 推荐在父页面定义一个可被调用的函数，如：
window.receiveRadioValue = function(val) { $('#hidden_radio').val(val); layui.form.render(); } - 子页面调用时注意判断函数是否存在：
if (typeof window.parent.receiveRadioValue === 'function') { window.parent.receiveRadioValue('abc'); } - 如果父页面用了 Vue/React，不要直接操作 DOM，应通过事件总线或 props 更新状态
console.log 确认选中值拿到没，再确认 postMessage 发出去没，最后看父页面 message 事件是否收到 —— 三步缺一不可。iframe 场景下，父页面的 window 对象和子页面不是同一个，别指望闭包或全局变量穿透。
