checked
时间: 2024-02-18 14:03:44 浏览: 79
`checked` 是 HTML 中常用的一个属性,用于表示复选框或单选框是否被选中。当一个复选框或单选框被选中时,其 `checked` 属性的值为 `true`,否则为 `false`。该属性主要用于表单元素,用于获取用户的输入数据。
例如,下面的代码实现了一个包含两个复选框的表单:
```html
<form>
<label>
<input type="checkbox" name="fruit" value="apple" checked> Apple
</label>
<label>
<input type="checkbox" name="fruit" value="banana"> Banana
</label>
</form>
```
在上述代码中,第一个复选框有一个 `checked` 属性,表示默认选中该选项。当用户提交表单时,可以通过获取 `fruit` 字段的值来获取用户选择的水果种类。
需要注意的是,`checked` 属性只能在复选框和单选框中使用,不能应用于其他元素。在 JavaScript 中,可以通过访问元素的 `checked` 属性来获取或设置复选框或单选框是否被选中。例如,可以使用以下代码来获取一个名为 `fruit` 的复选框是否被选中:
```javascript
var fruitCheckbox = document.querySelector('input[name="fruit"]');
if (fruitCheckbox.checked) {
console.log('选中了水果');
} else {
console.log('未选中水果');
}
```
阅读全文