JavaScript 判断表单提交时哪个 radio 按钮被选中的方法

作者:小括号

时间:2026-10-29

浏览:654

本文介绍如何使用 JavaScript 在表单提交时判断哪个 radio 按钮被选中。通过遍历表单元素并检查 checked 属性,可以获取用户选择的值。

文章目录

JavaScript 判断选中 Radio 按钮的方法

本文介绍了一种在 JavaScript 中判断表单提交时哪个 radio 按钮被选中的方法。

该示例展示了如何通过 JavaScript 代码来确定用户选中的 radio 按钮。


<script type="text/javascript">
function findButton() {
var myForm = document.forms.animalForm;
var i;
for(i=0;i<myForm.marsupial.length; i++) {
  if(myForm.marsupial[i].checked) {
   break;
  }
}
alert("You selected \""+myForm.marsupial[i].value+"\".");
}
</script>
<form name="animalForm">
<input type="radio" name="marsupial" value="kangaroo" />jb51.net
<br />
<input type="radio" name="marsupial" value="Opossum" />Opossum
<br />
<input type="radio" name="marsupial" value="Tasmanian Tiger" />Tasmanian Tiger
<br />
<input type="button" name="GO" value="GO" onclick="findButton()" />
</form>

希望本文提供的解决方案对大家的 JavaScript 编程有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章