使用 JavaScript 检查单选按钮是否被选中

在本文中,我们将探讨用于检查单选按钮是否被选中的不同方法:

1. 使用 Input Radio checked 属性

JavaScript 中的 INLINECODEae03baff 属性用于检查单选按钮是否被选中。通过使用 INLINECODEdbf373c2 或 INLINECODE79fdac54 获取单选按钮元素,如果该按钮被选中,INLINECODE48888c22 属性将返回 INLINECODE74449911,否则返回 INLINECODE23967715。

html


CODEBLOCK_a1de8a2f

输出示例:

!Checked使用 Input Radio checked 属性的示例输出

2. 使用 DOM querySelector() 方法

JavaScript 中的 querySelector() 方法会选中匹配给定选择器的第一个单选按钮。通过检查所选元素的 checked 属性,我们可以确定该单选按钮是否被选中。

html


CODEBLOCK_9b81650e

输出示例:

!Checked使用 DOM querySelector() 方法的示例输出

3. 使用 for 循环检查组中的所有单选按钮

如果一组中有多个单选按钮,并且我们需要检查其中是否有任何一个被选中,我们可以使用 INLINECODE50bfd35d 循环来遍历所有具有相同 INLINECODEf44592ff 属性的单选按钮。

HTML

`





    

GeeksforGeeks

Click the button to check which radio button is selected using a for loop.

Apple
Banana
Cherry


function checkRadio() { var radios = document.getElementsByName(‘fruit‘); for (var i = 0; i < radios.length; i++) {
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。如需转载,请注明文章出处豆丁博客和来源网址。https://shluqu.cn/25708.html
点赞
0.00 平均评分 (0% 分数) - 0