,可以通过以下步骤实现:
以下是一个示例代码,演示如何将单选按钮的值添加到数组中:
<!DOCTYPE html>
<html>
<head>
<title>将单选按钮的值添加到数组中</title>
</head>
<body>
<input type="radio" name="option" value="Option 1"> Option 1<br>
<input type="radio" name="option" value="Option 2"> Option 2<br>
<input type="radio" name="option" value="Option 3"> Option 3<br>
<input type="radio" name="option" value="Option 4"> Option 4<br>
<button onclick="getSelectedValues()">获取选中的值</button>
<script>
function getSelectedValues() {
var selectedValues = [];
var radioButtons = document.querySelectorAll('input[type="radio"]');
radioButtons.forEach(function(radioButton) {
if (radioButton.checked) {
selectedValues.push(radioButton.value);
}
});
console.log(selectedValues);
// 可以根据需要进行后续处理或展示
}
</script>
</body>
</html>
在上述示例中,我们创建了四个单选按钮,并为每个单选按钮设置了相同的name属性,以确保它们是一组。当用户选择一个单选按钮并点击"获取选中的值"按钮时,将调用getSelectedValues函数。该函数遍历所有的单选按钮,检查哪个单选按钮被选中,并将其值添加到selectedValues数组中。最后,我们将selectedValues数组打印到控制台,以便查看选中的值。
请注意,上述示例中没有提及任何特定的云计算品牌商或产品。如果需要与腾讯云相关的产品和链接,请提供具体的需求和场景,我将为您提供相应的建议。
领取专属 10元无门槛券
手把手带您无忧上云