无法修改HTML时，能否通过JavaScript取消单选按钮的默认checked属性

实现思路 #

单选按钮的选中状态由两部分控制：HTML上的checked初始属性，以及DOM元素对象上的checked布尔动态属性，只需在DOM加载完成后同时清除这两个状态即可。

实现代码 #

精准匹配默认选中的No选项写法 #

document.addEventListener('DOMContentLoaded', function() {
  const noRadio = document.querySelector('input[name="wss_accept_delivery"][value="no"]');
  if (noRadio) {
    // 移除HTML标签上的checked属性
    noRadio.removeAttribute('checked');
    // 同步DOM元素的选中状态为未选中
    noRadio.checked = false;
  }
});

批量清除所有同组单选默认选中的通用写法 #

如果不确定后续是否会修改默认选中的选项，可直接遍历同组所有单选按钮统一清除状态：

document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('input[name="wss_accept_delivery"]').forEach(radio => {
    radio.removeAttribute('checked');
    radio.checked = false;
  });
});

注意事项 #

• 代码需要绑定DOMContentLoaded事件执行，保证DOM元素渲染完成后再操作，避免找不到元素的问题
• 同时操作HTML属性和DOM布尔属性是为了兼容所有浏览器，避免出现属性移除但选中状态未生效的异常

内容的提问来源于stack exchange，提问作者JOKKER