layui单选框原生不支持搜索，lay-search属性对其无效；应改用带搜索的select或自定义input+dropdown方案，避免破坏表单校验、重置及事件监听。
layui单选框原生不支持搜索过滤
单选框（radio）在 Layui 中是纯静态渲染的表单控件，没有 lay-search、filter 或任何内置搜索逻辑。你加了 lay-search 属性也不会生效——它只对 select 和表格列起作用。
想搜就得换组件，别硬套 radio
真正能搜的不是 radio，而是 select（带 lay-search）或 dropdown（可动态加载 + reloadData）。如果业务上必须是「单选语义」，但又要求输入匹配选项，推荐以下路径：
- 用
select替代radio：加lay-search，配合data-pinyin属性实现拼音模糊匹配（如输“sh”出“上海”“深圳”） - 用
input+dropdown自定义：输入时发请求拉候选，点击后把value写回input，同时存id到data-id属性供提交用 - 放弃「单选框视觉」，改用带图标和禁用态的
select：Layui 的select支持disabled选项、自定义模板，语义和体验更接近单选需求
强行给 radio 加搜索会踩哪些坑
有人试图遍历所有 input[type="radio"] 的 label 文本做 indexOf 过滤，再显隐 DOM。这看似可行，但实际会破坏 Layui 表单校验、重置（form.reset()）、以及与 form.on('submit') 的联动。更麻烦的是：
- radio 的选中态靠
checked属性控制，DOM 显隐后容易丢失当前选中项 - 没
lay-filter机制，无法触发form.on('radio(*)')监听 - 响应式下 label 换行、文字截断会导致文本匹配失效
- 搜索关键词含空格、括号、正则特殊字符时，
includes()直接崩
最简落地方案：select + lay-search + 隐藏箭头
如果 UI 设计师坚持要 radio 的圆点样式，可用 CSS 把 select 伪装成单选框：
.fake-radio select {
appearance: none;
-webkit-appearance: none;
background: transparent;
border: none;
padding: 0;
}
.fake-radio::before {
content: "○";
display: inline-block;
width: 16px;
margin-right: 8px;
}
.fake-radio .layui-select-title::after {
display: none;
}
然后初始化时加 lay-search，并预存拼音字段：<option value="shanghai" data-pinyin="shanghai">上海</option>。搜索逻辑自己写，不依赖 Layui 原生 filter——因为它的匹配太弱，只认开头。
真正难的不是让文字出现，而是保证「搜出的项仍能被正确提交、校验、重置」。绕开 radio，从组件语义出发选型，比 patch 一堆 DOM 操作更稳。
