JavaScript 参考手册 目录

Radio checked 属性

在 Web 前端开发中,我们经常会使用到表单元素来收集用户输入信息。其中,单选框(Radio)是一种常用的表单元素,用于让用户在一组选项中选择一个选项。在本文中,我们将重点介绍 Radio 元素的 checked 属性,该属性用于设置单选框的默认选中状态。

什么是 checked 属性

在 HTML 中,每个单选框都有一个 checked 属性,用于指定该单选框是否处于选中状态。当 checked 属性的值为 true 时,表示该单选框被选中;当值为 false 时,表示该单选框未被选中。通常情况下,我们可以通过设置 checked 属性来控制单选框的默认选中状态。

如何使用 checked 属性

要设置单选框的默认选中状态,我们只需要在 HTML 中为相应的单选框添加 checked 属性即可。下面是一个简单的示例代码:

------ ------------ ------------- ------------ -------- ----
------ ------------ ------------- --------------- ------

在上面的示例中,第一个单选框被设置为默认选中状态,因为它的 checked 属性为 true。用户访问页面时,会看到 Male 单选框已经被选中。

动态设置 checked 属性

有时候,我们可能需要在 JavaScript 中动态设置单选框的选中状态。这可以通过修改 checked 属性来实现。下面是一个示例代码:

------ ------------ ------------ ----------- --------- ---
------ ------------ ------------ ------------ ---------- ----

--------
    --------------------------------------- - -----
---------

在上面的示例中,我们使用 JavaScript 代码来动态设置 id 为 blue 的单选框为选中状态。当页面加载完成时,Blue 单选框会被选中。

总结

通过本文的介绍,我们了解了 Radio 元素的 checked 属性以及如何使用它来设置单选框的默认选中状态。无论是静态设置还是动态设置,都可以帮助我们更好地控制表单元素的交互效果。希望本文能对你有所帮助!


下一篇:概览