📌  相关文章
📜  HTML | DOM 输入复选框 defaultChecked 属性(1)

📅  最后修改于: 2023-12-03 15:01:13.497000             🧑  作者: Mango

HTML | DOM 输入复选框 defaultChecked 属性

简介

在HTML表单中，复选框可以提供一种选择多个选项的方式。而defaultChecked属性可以通过初始设置复选框是否被选中。

语法
checkboxObject.defaultChecked = boolean_value
属性值

| 值 | 描述 | | ----------- | ------------------------------------------------------------ | | boolean_value | 一个布尔值。如果设置为true，则复选框默认为选中状态。如果设置为false，则复选框默认为未选中状态。默认值为false。 |

示例代码
<!DOCTYPE html>
<html>
<head>
	<title>defaultChecked属性示例</title>
</head>
<body>

	<label for="check1">选择A:</label>
	<input type="checkbox" id="check1" name="check1" value="A" defaultChecked>

	<label for="check2">选择B:</label>
	<input type="checkbox" id="check2" name="check2" value="B">

</body>
</html>

上面的示例代码中，复选框A的defaultChecked属性设置为true，所以页面刷新时，该复选框默认为选中状态。

兼容性

该属性适用于所有浏览器。

注意事项
  • 设置defaultChecked属性并不会影响复选框的实际状态，只会在页面刷新时，设置一个初始值。
  • 如果要获取复选框的实际状态，请使用checked属性。

以上就是defaultChecked属性的介绍。希望可以帮助到您。