js控制选中radio

<form id="myForm">
  <input type="radio" name="gender" value="male" id="male">
  <label for="male">Male</label><br>
  <input type="radio" name="gender" value="female" id="female">
  <label for="female">Female</label><br>
  <input type="radio" name="gender" value="other" id="other">
  <label for="other">Other</label><br>
</form>
<button onclick="selectRadio()">Select Female</button>

function selectRadio() {
  // 通过ID选中特定的单选按钮
  document.getElementById('female').checked = true;
}

// 使用ID选中
document.getElementById('female').checked = true;

// 使用querySelector选中（适用于更复杂的查询）
document.querySelector('input[name="gender"][value="female"]').checked = true;

document.querySelectorAll('input[name="gender"]').forEach(radio => {
  radio.addEventListener('change', function() {
    console.log('Selected:', this.value);
  });
});