js让单选框取消选中状态

<form id="myForm">
  <input type="radio" name="choice" value="option1"> Option 1<br>
  <input type="radio" name="choice" value="option2"> Option 2<br>
  <input type="radio" name="choice" value="option3"> Option 3<br>
  <button type="button" onclick="resetForm()">Reset</button>
</form>

<script>
function resetForm() {
  document.getElementById('myForm').reset();
}
</script>

<input type="radio" id="option1" name="choice" value="option1">
<label for="option1">Option 1</label><br>
<input type="radio" id="option2" name="option2" value="option2">
<label for="option2">Option 2</label><br>
<button type="button" onclick="uncheckOption()">Uncheck Option 1</button>

<script>
function uncheckOption() {
  document.getElementById('option1').checked = false;
}
</script>

<input type="radio" name="choice" value="option1"> Option 1<br>
<input type="radio" name="choice" value="option2"> Option 2<br>
<input type="radio" name="choice" value="option3"> Option 3<br>
<button type="button" onclick="uncheckAll()">Uncheck All</button>

<script>
function uncheckAll() {
  var radios = document.getElementsByName('choice');
  for (var i = 0; i < radios.length; i++) {
    radios[i].checked = false;
  }
}
</script>