layui radio点击状态需手动标记，因无内置“是否被点击过”标识；必须统一name和lay-filter，动态插入后调用form.render('radio')；推荐用data-clicked标记整组并同步重置。
form.on('radio(filter)') 是唯一能捕获点击的入口
Layui 不会把未点击过的 radio 当作“已交互”，所以没有“是否被点击过”的内置标记。你只能靠事件监听来确认——只要回调函数执行了，就说明用户点过一次。别试图用 document.querySelector('input[name="xxx"]:checked') 去判断“有没有点过”，它只反映当前是否选中，和点击历史无关。
关键前提是：所有同组 radio 必须有相同的 name 属性，并且显式带上 lay-filter="xxx"；监听时的 filter 名必须和这个值完全一致（大小写、空格都不能错）。
- 漏写
lay-filter或拼错，form.on('radio(xxx)')根本不会触发 - 不同
radio的name值不统一（比如一个是sex，一个是SEX），它们会被当成两组，各自独立触发 - 动态插入的
radio（如从接口渲染），必须在插入 DOM 后调用form.render('radio')，否则事件绑定失效
如何记录“已被点击过”这个状态
既然 Layui 没提供原生标记，就得自己维护一个布尔变量或 DOM 属性。推荐用 data-clicked 标记，比全局变量更可控、不易冲突。
示例逻辑：
form.on('radio(sex)', function(data) {
// 给整组 radio 打标，不是只打当前这个
document.querySelectorAll('input[name="sex"]').forEach(el => {
el.dataset.clicked = 'true';
});
console.log('用户已对 sex 组做过选择');
});
- 不要只设
data.elem.dataset.clicked = 'true'—— 那只标记当前项，无法反映“整组是否被触碰过” - 避免用
localStorage或全局window.hasClickedSex，跨表单、多实例时容易串逻辑 - 如果需要重置状态（比如清空表单），记得同步清除
dataset.clicked或重置变量
为什么 $('input[name="sex"]').is(':checked') 不能代替点击判断
这个 jQuery 写法只查当前是否有选中项，和用户是否点过毫无关系。常见误判场景：
- 页面加载时某项带
checked属性，is(':checked')返回true，但用户根本没点过 - 用户点了 A，又点回 B，A 变成未选中，但
is(':checked')对 A 返回false，无法追溯它曾被点过 - Layui 表单验证里，
required规则只校验“是否选中”，不关心“是否点过”，所以验证通过 ≠ 用户操作过
表单重置后“点击过”状态怎么处理
form.reset() 或手动清空表单时，dataset.clicked 不会自动清除，必须显式重置。
推荐在 reset 后统一清理：
document.querySelectorAll('input[type="radio"][name]').forEach(radio => {
radio.dataset.clicked = 'false';
});
- 别依赖
form.on('reset', ...)—— Layui 的 reset 事件不保证触发时机，且对动态渲染的 radio 不可靠 - 如果用了
form.render()重新渲染，所有自定义 dataset 都会丢失，得在 render 后重新初始化标记 - 最易忽略的是：异步加载选项 + 表单重置 + 点击标记三者叠加时，标记可能残留旧 DOM 节点上，导致判断失真
