直接删除DOM节点即可，无需调整name或value；删前应确认，删后需检查选中状态是否合法，并触发change事件通知外部逻辑。
直接删 DOM 节点，别碰 name 或 value 逻辑
单选按钮组（input[type="radio"]）本身不依赖“数组索引”提交，删选项只需移除对应 input 及其关联 label，无需重排 name 或调整 value。浏览器只按当前存在的、name 相同的 radio 元素集合来处理互斥逻辑——删掉一个，剩下几个照样能正常单选。
常见错误是试图用 removeAttribute('checked') 或清空 value 来“隐藏选项”，这毫无意义：未被移除的 radio 仍参与表单提交，且视觉上还在那儿，用户可点击。
- 必须用
.remove()或parentNode.removeChild()删除整个节点（含input和它紧邻的label） - 若
label是包裹结构（<label><input>Text</label>），删input前先删label，否则残留文本可能误导用户 - 不要基于
document.querySelectorAll('input[name="group1"]:checked')来定位要删的项——你删的是选项，不是“当前选中的那个”，除非业务明确要求“禁止删除已选项”
用 querySelectorAll + 循环 remove 最稳妥
当你要批量删特定条件的 radio 选项（比如删掉所有 value 为 "legacy" 的），querySelectorAll 返回的是静态 NodeList，可安全遍历并调用 .remove()，不会因 DOM 变化导致索引错乱。
示例：删掉 class 为 ic-single-store 容器里第二个门店 radio 组（含 input 和 label）
立即学习“前端免费学习笔记（深入）”；
const stores = document.querySelectorAll('.ic-single-store');
if (stores.length > 1) {
stores[1].remove(); // 直接删整个容器节点
}- 不用写
for (let i = stores.length - 1; i >= 0; i--)倒序删——remove()不影响其他节点引用，正序安全 - 避免用
innerHTML = ''清空父容器：会误删其他非 radio 子元素（如说明文字、图标） - 如果目标 radio 没包裹在独立容器里，用
document.querySelectorAll('input[name="delivery"][value="Winterswijk"]')精准定位再删
动态添加后又删？必须用事件委托绑定删除逻辑
如果 radio 是 JS 动态插入的（比如点击“+新增门店”后 append 进来的），直接写 document.querySelector('.delete-btn').addEventListener(...) 会失效——新节点没绑事件。此时必须用事件委托。
正确做法：给父容器（如 div#store-list）监听 click，再用 event.target.closest() 判断是否点中了某个 radio 所在行的删除按钮：
document.getElementById('store-list').addEventListener('click', function(e) {
const btn = e.target.closest('.remove-store-btn');
if (btn) {
const storeItem = btn.closest('.ic-single-store');
if (storeItem) storeItem.remove();
}
});- 不要用
$(document).on('click', '.remove-store-btn', ...)—— jQuery 不是必须依赖，原生closest()更轻量、兼容性好 - 删前可加简单确认：
if (!confirm('确定删除该门店？')) return;，防止手滑 - 删完立刻触发一次
dispatchEvent(new Event('change', { bubbles: true }))在父容器上，通知外部逻辑（如表单验证）状态已更新
删完记得检查 checked 状态是否合法
删掉一个 radio 后，有可能导致整组 radio 都未被选中（比如用户原来选的是刚被删掉的那个）。虽然 HTML 允许 radio 组全未选中，但很多业务逻辑要求“必须选一个”。这时候不能靠删完自动修复，得主动干预。
- 删完后检查：
const group = document.querySelectorAll('input[name="delivery"]');再遍历group看是否有checked === true - 如果没有，可默认选第一个：
if (group.length) group[0].checked = true; - 更严谨的做法是：只在删掉「当前已选中项」时才触发默认选中，避免干扰用户已有选择
- 注意：设置
.checked = true会触发change事件，如果监听逻辑里有副作用（如发请求、改 UI），需评估是否要preventDefault或加标记跳过
实际删 radio 选项最易被忽略的点不是怎么删，而是删完之后没人管它的语义完整性——DOM 少了节点，但表单逻辑、UI 状态、JS 数据映射可能还卡在旧假设里。每次 .remove() 后，都该快速过一遍：还有没有可选项？当前选中是否还有效？外部监听是否收到变更？
