使用js修改html 中的checkbox为选中状态
时间: 2023-11-14 11:05:35 浏览: 146
用JS修改checkbox的选中状态
可以使用 JavaScript 来修改 HTML 中的 checkbox 为选中状态。具体做法如下:
1. 首先,获取到要修改的 checkbox 元素,可以使用 `document.getElementById()` 或者 `document.querySelector()` 方法获取。
例如,如果 checkbox 的 id 是 "myCheckbox",可以使用以下代码获取:
```
var checkbox = document.getElementById("myCheckbox");
```
或者使用 `querySelector()` 方法,语法如下:
```
var checkbox = document.querySelector("#myCheckbox");
```
2. 然后,使用 JavaScript 的 `checked` 属性将 checkbox 设置为选中状态,如下所示:
```
checkbox.checked = true;
```
完整的示例代码如下:
```
var checkbox = document.getElementById("myCheckbox"); // 或者使用 document.querySelector("#myCheckbox");
checkbox.checked = true;
```
这样,就可以将指定的 checkbox 设置为选中状态了。
阅读全文