在本文中,我们将探讨用于检查单选按钮是否被选中的不同方法:
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++) {