js改变radio选中的颜色

您好，您想了解关于 JavaScript 改变 radio 选中的颜色的问题。

您可以使用以下代码，使用 CSS 样式来改变 radio 的选中颜色：

HTML 代码：

<label>
  <input type="radio" name="option" value="1">
  Option 1
</label>
<label>
  <input type="radio" name="option" value="2">
  Option 2
</label>

CSS 代码：

input[type="radio"]:checked+label {
  color: red;
}

这段代码实现了当选中 radio 后，相应的标签文本颜色为红色。

希望这能够帮助到您。如果您还有其他问题，请继续提问，我会尽力回答。谢谢！

相关问题

改变radio默认选中颜色，中间圆点颜色改变

要改变radio默认选中颜色和中间圆点颜色，你可以使用CSS来设置样式。以下是一个示例：

input[type="radio"]:checked {
  background-color: #007bff; /* 设置选中后的背景颜色 */
}

input[type="radio"]:checked::before {
  border-color: #007bff; /* 设置选中后中间圆点的颜色 */
}

在上面的CSS中，我们使用了`:checked`伪类来选中被选中的radio按钮，然后设置了选中后的背景颜色。同时，我们使用了`::before`伪元素来选中中间圆点，并设置了其边框颜色，从而改变了中间圆点的颜色。

你可以根据自己的需要修改颜色值。

js radio 选中

您可以使用 JavaScript 来获取和设置 radio 的选中状态。以下是一个简单的示例：

获取选中的 radio：

var radios = document.getElementsByName('radio-name');
for (var i = 0; i < radios.length; i++) {
  if (radios[i].checked) {
    var selectedValue = radios[i].value;
    break;
  }
}

其中，`radio-name` 是你的 radio 的 name 属性的值。

设置选中的 radio：

var radios = document.getElementsByName('radio-name');
for (var i = 0; i < radios.length; i++) {
  if (radios[i].value === 'value-to-select') {
    radios[i].checked = true;
    break;
  }
}

其中，`value-to-select` 是你要选中的 radio 的 value 属性的值。

希望这可以帮助到您。