获取单选按钮的值可以通过以下步骤实现:
以下是一个示例代码:
HTML代码:
<form>
<input type="radio" id="option1" name="radioGroup" value="option1">
<label for="option1">选项1</label><br>
<input type="radio" id="option2" name="radioGroup" value="option2">
<label for="option2">选项2</label><br>
<input type="radio" id="option3" name="radioGroup" value="option3">
<label for="option3">选项3</label><br>
</form>
<button onclick="getSelectedValue()">获取选中值</button>
JavaScript代码:
function getSelectedValue() {
var radios = document.getElementsByName('radioGroup');
var selectedValue;
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
selectedValue = radios[i].value;
break;
}
}
console.log(selectedValue);
}
在上述示例中,我们首先为每个单选按钮设置了相同的名称(radioGroup),然后使用JavaScript的getElementsByName
方法获取所有具有该名称的单选按钮。然后,我们使用一个循环遍历每个单选按钮,检查哪个单选按钮被选中(即checked
属性为true
),并将其值存储在selectedValue
变量中。最后,我们通过console.log
将选中的值打印到控制台。
请注意,这只是一个简单的示例,你可以根据实际需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云