js+的radio如何选中

在JavaScript中操作单选按钮（radio button）使其被选中，可以通过修改其checked属性来实现。以下是具体的方法和示例：

基本概念

Radio Button（单选按钮）：一组单选按钮中，用户只能选择一个选项。
Checked 属性：用于指定单选按钮是否被选中。

实现方法

通过元素的ID选择并设置checked属性
通过表单元素集合选择并设置checked属性

示例代码

HTML部分

<form id="myForm">
  <input type="radio" id="option1" name="options" value="1">
  <label for="option1">选项 1</label><br>
  <input type="radio" id="option2" name="options" value="2">
  <label for="option2">选项 2</label><br>
  <input type="radio" id="option3" name="options" value="3">
  <label for="option3">选项 3</label><br>
  <button type="button" onclick="selectRadio('option2')">选中选项 2</button>
</form>

JavaScript部分

function selectRadio(radioId) {
  // 方法一：通过ID选择元素并设置checked属性
  var radio = document.getElementById(radioId);
  if (radio) {
    radio.checked = true;
  }

  // 方法二：通过表单元素集合选择（假设表单ID为myForm）
  /*
  var form = document.getElementById('myForm');
  var radios = form.elements['options'];
  for (var i = 0; i < radios.length; i++) {
    if (radios[i].id === radioId) {
      radios[i].checked = true;
      break;
    }
  }
  */
}

解释

方法一直接通过document.getElementById获取到指定的单选按钮元素，然后设置其checked属性为true，即可选中该单选按钮。
方法二是通过表单的元素集合来遍历所有的单选按钮，找到匹配的ID后设置checked属性。这种方法适用于当有多个单选按钮且它们属于同一个表单时。