这篇文章介绍了 js 获取 radio 按钮值的实例,有需要的朋友可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>
- js 获取radio按钮值的实例
- </title>
- </head>
- <body>
- <form id="form1" name="form1" method="post" action="">
- <p>
- <label>
- <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_0" />
- 单选
- </label>
- <br />
- <label>
- <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1" />
- 单选
- </label>
- <br />
- <label>
- <input name="RadioGroup1" type="radio" id="RadioGroup1_2" value="单选"
- />
- 单选
- </label>
- <br />
- <label>
- <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_3" />
- 单选
- </label>
- <input type="submit" name="button" id="button" value="提交" onclick="javascript:return checksubmit()"
- />
- <br />
- </p>
- </form>
- <script>
- function checksubmit() {
- if (GetRadioValue('RadioGroup1')) { alert('有选');
- }
- else { alert('没选');
- }
- }
- function GetRadioValue(RadioName) {
- var obj; obj = document.getElementsByName(RadioName);
- if (obj != null) {
- var i;
- for (i = 0; i < obj.length; i++) {
- if (obj[i].checked) {
- return obj[i].value;
- }
- }
- }
- return null;
- }
- </script>
- </body>
- </html>
来源: