js 获取radio按钮值的实例


Posted in Javascript onAugust 17, 2013
<!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>
Javascript 相关文章推荐
30个精美的jQuery幻灯片效果插件和教程
Aug 23 Javascript
纯文字版返回顶端的js代码
Aug 01 Javascript
JavaScript通过select动态更换图片的方法
Mar 23 Javascript
javascript简单实现滑动菜单效果的方法
Jul 27 Javascript
js中获取时间new Date()的全面介绍
Jun 20 Javascript
浅谈addEventListener和attachEvent的区别
Jul 14 Javascript
Node.js读取文件内容示例
Mar 07 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
Jul 11 Javascript
微信小程序sessionid不一致问题解决
Aug 30 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
Nov 12 Javascript
JS前后端实现身份证号验证代码解析
Jul 23 Javascript
vue postcss-px2rem 自适应布局
May 15 Vue.js
js 文本滚动效果的实例代码
Aug 17 #Javascript
javascript用户注册提示效果的简单实例
Aug 17 #Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 #Javascript
判断js对象是否拥有某一个属性的js代码
Aug 16 #Javascript
JS判断数组中是否有重复值得三种实用方法
Aug 16 #Javascript
对frameset、frame、iframe的js操作示例代码
Aug 16 #Javascript
jQuery实现密保互斥问题解决方案
Aug 16 #Javascript
You might like
什么是MVC,好东西啊
2007/05/03 PHP
nginx下安装php7+php5
2016/07/31 PHP
thinkPHP统计排行与分页显示功能示例
2016/12/02 PHP
PHP面向对象程序设计模拟一般面向对象语言中的方法重载(overload)示例
2019/06/13 PHP
PHP 枚举类型的管理与设计知识点总结
2020/02/13 PHP
解决FLASH需要点击激活的代码
2006/12/20 Javascript
jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend
2010/08/03 Javascript
浅析javascript的return语句
2015/12/15 Javascript
jQuery Dialog对话框事件用法实例分析
2016/05/10 Javascript
jQuery 特性操作详解及实例代码
2016/09/29 Javascript
bootstrap 通过加减按钮实现输入框组功能
2017/11/15 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
nodejs 简单实现动态html的方法
2018/05/12 NodeJs
vue.js配合$.post从后台获取数据简单demo分享
2018/08/11 Javascript
JS数组扁平化(flat)方法总结详解
2019/06/24 Javascript
Vue 实现前端权限控制的示例代码
2019/07/09 Javascript
easy_install python包安装管理工具介绍
2013/02/10 Python
Python3.5.3下配置opencv3.2.0的操作方法
2018/04/02 Python
django允许外部访问的实例讲解
2018/05/14 Python
查看python下OpenCV版本的方法
2018/08/03 Python
python binascii 进制转换实例
2019/06/12 Python
python网络编程 使用UDP、TCP协议收发信息详解
2019/08/29 Python
Python tkinter实现图片标注功能(完整代码)
2019/12/08 Python
Centos7下源码安装Python3 及shell 脚本自动安装Python3的教程
2020/03/07 Python
Python爬虫如何破解JS加密的Cookie
2020/11/19 Python
css3 按钮 利用css3实现超酷下载按钮
2013/03/18 HTML / CSS
菲律宾最大的网上花店和礼品店:PhilFlower.com
2018/02/09 全球购物
乌克兰最大的家用电器和电子产品连锁店:Eldorado
2019/10/02 全球购物
人力资源部培训专员岗位职责
2014/01/02 职场文书
结婚喜宴主持词
2014/03/14 职场文书
2014年扫黄打非工作总结
2014/12/03 职场文书
会计工作岗位职责
2015/02/03 职场文书
2015年学校党支部工作总结
2015/04/01 职场文书
教师听课学习心得体会
2016/01/15 职场文书
七年级语文教学反思
2016/03/03 职场文书
前端传参数进行Mybatis调用mysql存储过程执行返回值详解
2022/08/14 MySQL