表单中的radio按钮组提交
时间: 2024-03-06 11:49:44 浏览: 18
表单中的radio按钮组提交通常需要使用JavaScript来实现。以下是一个基本的示例代码:
HTML代码:
```
<form>
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other<br>
<input type="button" value="Submit" onclick="submitForm()">
</form>
```
JavaScript代码:
```
function submitForm() {
var radios = document.getElementsByName('gender');
var selectedValue;
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
selectedValue = radios[i].value;
break;
}
}
// 将选中的值提交到服务器或者进行其他处理
}
```
在这个例子中,我们首先获取所有的radio按钮,然后循环遍历每个按钮来查找被选中的按钮。如果找到了被选中的按钮,我们就将它的值存储到变量selectedValue中。最后,我们可以将selectedValue提交到服务器或者进行其他处理。