2024年4月12日发(作者：)

html中radio的checked 的用法

在HTML中，可以使用checked属性来指定radio按钮是否被选中。

该属性是一个布尔值属性，如果存在checked属性，则表示该radio

按钮被选中，否则不选中。通过设置checked属性为"checked"或者不

设置该属性，可以实现按钮选中的效果。

例如，下面的代码片段中，第一个radio按钮会被默认选中：

```html

Male

Female

Other

```

此外，还可以使用JavaScript来动态控制radio按钮的选中状态。

通过获取radio按钮的DOM对象，并设置其checked属性，可以改变

其选中状态。例如：

```html

Male

value="female"> Female

value="other"> Other

```

上述代码会使得"Female"的radio按钮被选中。

需要注意的是，如果多个radio按钮使用了相同的name属性，它

们会成为一组互斥的选项，只能选择其中的一个。如果需要多个radio

按钮可以同时被选中，可以设置不同的name属性。拓展的话，可以使

用label标签来增加radio按钮的可点击区域，增强用户体验。例如：

```html

value="male">

value="female">

value="other">

```

这样当用户点击相应的文字时，会选中对应的radio按钮。