在JavaScript中汇总所选单选按钮的值可以通过以下步骤实现:
以下是一个示例代码:
HTML:
<input type="radio" name="option" value="option1" class="option"> Option 1
<input type="radio" name="option" value="option2" class="option"> Option 2
<input type="radio" name="option" value="option3" class="option"> Option 3
<button onclick="getSelectedOptions()">Get Selected Options</button>
JavaScript:
function getSelectedOptions() {
var options = document.getElementsByClassName("option");
var selectedOptions = [];
for (var i = 0; i < options.length; i++) {
if (options[i].checked) {
selectedOptions.push(options[i].value);
}
}
console.log(selectedOptions);
}
在上面的示例中,我们首先为每个单选按钮设置了相同的类名"option"。然后,通过getElementsByClassName方法选择所有具有该类名的元素,并将它们存储在options变量中。接下来,我们遍历options列表,并检查每个单选按钮的checked属性是否为true。如果是,我们将其值添加到selectedOptions数组中。最后,我们使用console.log打印出选中的选项值。
这是一个简单的示例,你可以根据实际需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云