获取单选按钮的不同id值可以通过以下步骤实现:
<input type="radio" id="option1" name="options" value="1">
<label for="option1">Option 1</label>
<input type="radio" id="option2" name="options" value="2">
<label for="option2">Option 2</label>
<input type="radio" id="option3" name="options" value="3">
<label for="option3">Option 3</label>
var radios = document.getElementsByName('options');
var selectedId;
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
selectedId = radios[i].id;
break;
}
}
console.log("Selected ID: " + selectedId);
上述代码首先通过document.getElementsByName('options')
获取所有name属性为'options'的单选按钮元素。然后使用循环遍历每个单选按钮,检查是否被选中(checked
属性),如果选中则将其id值赋给selectedId
变量。最后,可以通过console.log()
打印选中的单选按钮的id值。
这样,你就可以获取选中的单选按钮的不同id值了。
注意:以上代码仅为示例,实际应用中可能需要根据具体情况进行适当修改。
领取专属 10元无门槛券
手把手带您无忧上云