Javascript 使用“取消”按钮重置嵌套单选按钮选择

我有一个页面，我使用单选按钮来确定一些用户选项。 选项1将有两个选项，选项2是独立的

HTML格式如下：

<div>
  <input type="radio" name="level0" value="D" id="D" checked="checked" />
  <label for="D">D</label>
  <div class="sub1">
    <div>
      <input type="radio" name="level1" value="D0" id="D0" />
      <label for="D0">D0</label>
    </div>
    <div>
      <input type="radio" name="level1" value="D1" id="D1" checked="checked" />
      <label for="D1">D1</label>
    </div>
  </div>
  <input type="radio" name="level0" value="E" id="E" />
  <label for="E">E</label>
  <br>
  <br>
  <button id="cancel-btn" type="button">Cancel</button>
</div>

问题是外部单选按钮正在复位，而内部单选按钮（D0和D1）未复位

---

想法？

在取消按钮代码中使用此选项

$('input[type=radio]').attr('checked', false);
$('input[type=radio][default]').attr('checked', true);

---

这可能就是@billy的意思，当他说您应该添加任意（在本例中为“默认”）属性时，您不使用按钮的原因是什么？为了更好地理解，请提供一个工作演示（代码片段，JSFIDLE…），没有理由。例如，我只是添加了一个按钮，但当我使用该工具将其更改为“重置”时，没有任何区别。单击E单选按钮时，选中的属性将被删除。也许可以在默认单选按钮中添加一个默认属性并检查它<代码>

$('input[type=radio]').attr('checked', false);
$('input[type=radio][default]').attr('checked', true);