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 相关文章推荐
快速查找数组中的某个元素并返回下标示例
Sep 03 Javascript
javascript操纵OGNL标签示例代码
Jun 16 Javascript
jQuery链式操作实例分析
Nov 16 Javascript
浅谈JavaScript的函数及作用域
Dec 30 Javascript
Bootstrap导航条鼠标悬停下拉菜单
Jan 04 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
Jan 21 Javascript
js中apply与call简单用法详解
Nov 06 Javascript
浅谈在Vue-cli里基于axios封装复用请求
Nov 06 Javascript
微信小程序wx.previewImage预览图片实例详解
Dec 07 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
Dec 22 Javascript
Router解决跨模块下的页面跳转示例
Jan 11 Javascript
浅谈layui 绑定form submit提交表单的注意事项
Oct 25 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
php实现分页工具类分享
2014/01/09 PHP
thinkphp实现多语言功能(语言包)
2014/03/04 PHP
PHP YII框架开发小技巧之模型(models)中rules自定义验证规则
2015/11/16 PHP
ThinkPHP 3使用OSS的方法
2018/07/19 PHP
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
Jquery 学习笔记(一)
2009/10/13 Javascript
JS检测输入字符是否包含非法字符的示例代码
2014/02/11 Javascript
JavaScript两种跨域技术全面介绍
2014/04/16 Javascript
使用javascript获取页面名称
2014/12/23 Javascript
简介JavaScript中的setDate()方法的使用
2015/06/11 Javascript
理解Javascript的动态语言特性
2015/06/17 Javascript
chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
2015/10/09 Javascript
jQuery实现分隔条左右拖动功能
2015/11/21 Javascript
JS给Array添加是否包含字符串的简单方法
2016/10/29 Javascript
详解Vue 非父子组件通信方法(非Vuex)
2017/05/24 Javascript
js+css实现红包雨效果
2018/07/12 Javascript
Node.js + express基本用法教程
2019/03/14 Javascript
Vue2.x通用条件搜索组件的封装及应用详解
2019/05/28 Javascript
在js文件中引入(调用)另一个js文件的三种方法
2020/09/11 Javascript
下载安装setuptool和pip linux安装pip    
2014/01/24 Python
python实现保存网页到本地示例
2014/03/16 Python
python批量将excel内容进行翻译写入功能
2019/10/10 Python
使用python3批量下载rbsp数据的示例代码
2019/12/20 Python
Python通过文本和图片生成词云图
2020/05/21 Python
Selenium关闭INFO:CONSOLE提示的解决
2020/12/07 Python
为数据库创建索引都需要注意些什么
2012/07/17 面试题
给领导的检讨书
2014/02/16 职场文书
物流管理专业自荐信
2014/06/23 职场文书
2014年乡镇领导个人整改措施
2014/09/19 职场文书
交通事故赔偿协议书怎么写
2014/10/04 职场文书
晚会闭幕词
2015/01/28 职场文书
2015年世界水日活动总结
2015/02/09 职场文书
十二生肖观后感
2015/06/12 职场文书
李强感恩观后感
2015/06/17 职场文书
适合后台管理系统开发的12个前端框架(小结)
2021/06/29 Javascript
《王国之心》迎来了发售的20周年, 野村哲发布贺图
2022/04/11 其他游戏