js控制radio选中状态

<form id="myForm">
  <input type="radio" name="gender" value="male"> Male
  <input type="radio" name="gender" value="female"> Female
</form>

// 选中“Male”选项
document.querySelector('input[name="gender"][value="male"]').checked = true;

// 或者使用函数封装
function setRadioChecked(name, value) {
  document.querySelector(`input[name="${name}"][value="${value}"]`).checked = true;
}

setRadioChecked('gender', 'female'); // 选中“Female”选项

// 动态添加 radio 按钮
const newRadio = document.createElement('input');
newRadio.type = 'radio';
newRadio.name = 'gender';
newRadio.value = 'other';
document.getElementById('myForm').appendChild(newRadio);

// 立即设置选中状态
newRadio.checked = true;