js radio 选中
时间: 2023-07-23 20:34:00 浏览: 47
您可以使用 JavaScript 来获取和设置 radio 的选中状态。以下是一个简单的示例:
获取选中的 radio:
```javascript
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:
```javascript
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 属性的值。
希望这可以帮助到您。
相关问题
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 后,相应的标签文本颜色为红色。
希望这能够帮助到您。如果您还有其他问题,请继续提问,我会尽力回答。谢谢!
js动态选中radio
要动态选中一个radio,可以通过JavaScript代码设置其checked属性为true。例如,假设你有一个radio的id为"myRadio",可以使用以下代码选中它:
```javascript
document.getElementById("myRadio").checked = true;
```
请注意,如果你有多个具有相同name属性的radio,只有一个可以被选中。如果你想取消选中一个radio,可以将其checked属性设置为false。