html单选框如何改变
时间: 2023-07-20 08:43:52 浏览: 91
html修改默认单选框样式
5星 · 资源好评率100%
HTML单选框可以通过JavaScript来改变。可以通过获取单选框的DOM元素,然后修改其属性值来改变它的选中状态。例如,给单选框添加一个id属性,然后使用以下代码来改变其选中状态:
```javascript
// 获取单选框的DOM元素
var radio = document.getElementById("radio1");
// 改变选中状态
radio.checked = true; // 选中
radio.checked = false; // 取消选中
```
当然,也可以通过选中单选框的label标签来改变其选中状态,例如:
```html
<label for="radio1">选项一</label>
<input type="radio" id="radio1" name="radio-group">
```
然后通过修改label的innerHTML来改变选中状态:
```javascript
// 获取label的DOM元素
var label = document.querySelector("label[for='radio1']");
// 改变选中状态
label.innerHTML = "选项一(已选中)";
```
阅读全文