JavaScript中的单选按钮设置值

单选按钮（Radio Buttons）是Web表单中常用的一种选项，通常用于限制用户在几个可选项中进行选择。在JavaScript中，可以通过代码来设置单选按钮的值以及获取用户所选择的值。

设置单选按钮的值

单选按钮是由一个或多个具有相同name属性的HTML input元素组成的组。可以通过name属性来访问这些单选按钮，然后通过checked属性来设置它们的值。

var radios = document.getElementsByName('color');
for (var i = 0; i < radios.length; i++) {
  if (radios[i].value === 'blue') {
    radios[i].checked = true;
  }
}

上面的代码将name为“color”的单选按钮组中value属性为“blue”的按钮设置为选中状态。

获取单选按钮的值

获取单选按钮的值也很容易，可以通过遍历单选按钮组中的所有元素，查找checked属性为true的元素并获取其value属性，即为用户所选择的值。

var radios = document.getElementsByName('color');
for (var i = 0; i < radios.length; i++) {
  if (radios[i].checked) {
    console.log(radios[i].value);
  }
}

上面的代码将遍历name为“color”的单选按钮组，查找checked属性为true的元素，并打印其value属性。

总结

以上就是JavaScript中设置和获取单选按钮的值的方法。要注意在访问单选按钮时，name属性一定要与HTML代码中保持一致。同时，单选按钮的value属性可以是任何字符串，根据具体需求进行设置即可。