在JavaScript中,遍历一组单选按钮(radio buttons)以检查哪个被选中是一个常见的任务。以下是一些基础概念和相关方法:
你可以使用以下几种方法来遍历并检查哪个单选按钮被选中:
// 假设你的单选按钮有相同的name属性,例如"name='choice'"
const radioButtons = document.querySelectorAll('input[name="choice"]');
let selectedValue = null;
radioButtons.forEach(radio => {
if (radio.checked) {
selectedValue = radio.value;
}
});
console.log('选中的值是:', selectedValue);
const radioButtons = document.getElementsByName('choice');
let selectedValue = null;
for (let i = 0; i < radioButtons.length; i++) {
if (radioButtons[i].checked) {
selectedValue = radioButtons[i].value;
break; // 找到选中的值后退出循环
}
}
console.log('选中的值是:', selectedValue);
const radioButtons = document.getElementsByName('choice');
const selectedRadio = Array.from(radioButtons).find(radio => radio.checked);
console.log('选中的值是:', selectedRadio ? selectedRadio.value : null);
name
属性。id
属性,因为这可能导致DOM选择器混淆。通过以上方法,你可以有效地遍历一组单选按钮并确定哪个被选中,从而根据用户的选择执行相应的逻辑。
领取专属 10元无门槛券
手把手带您无忧上云