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


Posted in Javascript onMarch 21, 2015

本文实例讲述了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" />3water.com
<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程序设计有所帮助。

Javascript 相关文章推荐
jQuery动态添加、删除元素的方法
Jan 09 Javascript
jquery中获得元素尺寸和坐标的方法整理
May 18 Javascript
用js判断是否为360浏览器的实现代码
Jan 15 Javascript
jQuery学习笔记之2个小技巧
Jan 19 Javascript
jQuery实现带有洗牌效果的动画分页实例
Aug 31 Javascript
javascript如何实现360度全景照片问题汇总
Apr 04 Javascript
JavaScript 数组的深度复制解析
Nov 02 Javascript
vue  directive定义全局和局部指令及指令简写
Nov 20 Javascript
微信小程序云开发 生成带参小程序码流程
May 18 Javascript
Javascript ParentNode和ChildNode接口原理解析
Mar 16 Javascript
原生js实现照片墙效果
Oct 13 Javascript
微信小程序tab左右滑动切换功能的实现代码
Feb 08 Javascript
JavaScript动态修改网页元素内容的方法
Mar 21 #Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
Mar 21 #Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
Mar 21 #Javascript
JavaScript动态加载样式表的方法
Mar 21 #Javascript
JavaScript获得url所有参数键值表的方法
Mar 21 #Javascript
JavaScript删除数组元素的方法
Mar 20 #Javascript
JavaScript通过join函数连接数组里所有元素的方法
Mar 20 #Javascript
You might like
写一个用户在线显示的程序
2006/10/09 PHP
php实现以只读方式打开文件的方法
2015/03/16 PHP
php编程每天必学之表单验证
2016/03/01 PHP
菜鸟javascript基础资料整理3 正则
2010/12/06 Javascript
jquery ajax jsonp跨域调用实例代码
2013/12/11 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
基于promise.js实现nodejs的promises库
2014/07/06 NodeJs
javascript实现iframe框架延时加载的方法
2014/10/30 Javascript
JavaScript的面向对象编程基础
2015/08/13 Javascript
详解Jquery实现ready和bind事件
2016/04/14 Javascript
Jquery通过ajax请求NodeJS返回json数据实例
2016/11/08 NodeJs
self.attachevent is not a function的解决方法
2017/04/04 Javascript
深入理解Vue nextTick 机制
2018/04/28 Javascript
如何检查一个对象是否为空
2019/04/11 Javascript
js实现简单页面全屏
2019/09/17 Javascript
JavaScript代码模拟鼠标自动点击事件示例
2020/08/07 Javascript
js实现简易点击切换显示或隐藏
2020/11/29 Javascript
详解javascript脚本何时会被执行
2021/02/05 Javascript
Python 面向对象 成员的访问约束
2008/12/23 Python
flask中使用SQLAlchemy进行辅助开发的代码
2013/02/10 Python
wxPython窗口中文乱码解决方法
2014/10/11 Python
python cx_Oracle模块的安装和使用详细介绍
2017/02/13 Python
Django中的文件的上传的几种方式
2018/07/23 Python
PyTorch: 梯度下降及反向传播的实例详解
2019/08/20 Python
使用遗传算法求二元函数的最小值
2020/02/11 Python
Python使用Socket实现简单聊天程序
2020/02/28 Python
python pip如何手动安装二进制包
2020/09/30 Python
Css3新特性应用之视觉效果实例
2016/12/12 HTML / CSS
基于html5 canvas做批改作业的小插件
2020/05/20 HTML / CSS
伦敦眼门票在线预订:London Eye
2018/05/31 全球购物
用C#语言写出与SQLSERVER访问时的具体过程
2013/04/16 面试题
《匆匆》教学反思
2014/02/22 职场文书
Pandas加速代码之避免使用for循环
2021/05/30 Python
Mysql数据库表中为什么有索引却没有提高查询速度
2022/02/24 MySQL
默认网关不可用修复后过一会又不好使了解决方法
2022/04/08 数码科技
古见同学有交流障碍症 第二季宣传CM公开播出
2022/04/11 日漫