radio对象的checked属性可用于设置或检测单选按钮当前是否处于选中状态;当按钮被选中时,该属性返回true。
1、 创建一个名为 radio_checked 的 HTML 文件。

2、 插入一个 type="radio" 的 input 元素,并为其设置 id="my_radio_id_checked"。

3、 添加一个按钮元素,并为其 click 事件绑定名为 my_radio_checked 的自定义处理函数。
4、 插入一个 p 标签,将其 id 设为 show_radio_checked。

5、 在 script 标签内定义 JavaScript 函数 my_radio_checked,用于读取并响应单选按钮的选中状态。

6、 在该函数中,通过 document.getElementById 获取单选按钮对象,读取其 checked 属性值,并将结果(true 或 false)更新至 id 为 show_radio_checked 的 p 元素中。
7、 效果展示

8、 使用浏览器打开该 HTML 文件,点击按钮即可实时查看单选按钮的选中状态。


















