HTML - checked 属性

HTML 的 `checked` 属性是一个布尔属性，指示复选框是否默认选中（页面加载时）。

我们可以使用 JavaScript 条件语句和 `checked` 属性来验证复选框或单选按钮是否被选中。如果复选框或单选按钮被选中，则返回 `true`，否则返回 `false`。

语法

<input type = "checkbox/radio" checked/>

应用于

以下列出的元素允许使用 HTML checked 属性。

元素	描述
<input>	HTML <input> 标签用于指定输入字段。

HTML checked 属性示例

以下代码演示了在 HTML 中使用 checked 属性。

复选框类型的 checked 属性

在下面的示例中，我们在 input (type='checkbox') 元素内使用 HTML 'checked' 属性，使其默认选中。

<!DOCTYPE html>
<html lang="en">

<head>
   <title>HTML checked attribute</title>
</head>

<body>
   <!--example of the checked attribute-->
   <form> Select languages that you know: <br>
      <input type="checkbox" checked> Hindi  <br>
      <input type="checkbox"> English <br>
      <input type="checkbox"> Marathi <br>
      <input type="checkbox"> Telugu
   </form>
</body>

</html>

单选按钮的 checked 属性

考虑另一种情况，我们将把 checked 属性与单选按钮一起使用。

<!DOCTYPE html>
<html lang="en">

<head>
   <title>HTML checked attribute</title>
</head>

<body>
   <!--Example of the checked attribute-->
   <form> Choose your gender: <br>
      <input 
         type="radio" 
         name='gender' 
         checked> Male <br>
      <input 
         type="radio" 
         name='gender'> Female
   </form>
</body>

</html>

支持的浏览器

属性
checked	是	是	是	是	是

html_attributes_reference.htm

打印页面