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 相关文章推荐
推荐 21 款优秀的高性能 Node.js 开发框架
Aug 18 Javascript
JavaScript中匿名、命名函数的性能测试
Sep 04 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
Nov 13 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
Apr 06 Javascript
JS iFrame加载慢怎么解决
May 13 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
分析JavaScript数组操作难点
Dec 18 Javascript
JavaScript同源策略和跨域访问实例详解
Apr 03 Javascript
浅谈webpack性能榨汁机(打包速度优化)
Jan 09 Javascript
js中int和string数据类型互相转化实例
Jan 16 Javascript
js中实例与对象的区别讲解
Jan 21 Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 Javascript
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
php 过滤危险html代码
2009/06/29 PHP
php异常处理技术,顶级异常处理器
2012/06/13 PHP
PHP基础之运算符的使用方法
2013/04/28 PHP
PHP实现懒加载的方法
2015/03/07 PHP
Yii中srbac权限扩展模块工作原理与用法分析
2016/07/14 PHP
php字符串操作常见问题小结
2016/10/11 PHP
Zend Framework过滤器Zend_Filter用法详解
2016/12/09 PHP
javascript iframe中打开文件,并检测iframe存在否
2008/12/28 Javascript
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
2009/10/25 Javascript
JS下高效拼装字符串的几种方法比较与测试代码
2010/04/15 Javascript
Javascript中的变量使用说明
2010/05/18 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
2011/09/27 Javascript
JQuery设置文本框和密码框得到焦点时的样式
2013/08/30 Javascript
JavaScript中使用Substring删除字符串最后一个字符
2013/11/03 Javascript
javascript bom是什么及bom和dom的区别
2015/11/26 Javascript
js采用concat和sort将N个数组拼接起来的方法
2016/01/21 Javascript
简单介绍jsonp 使用小结
2016/01/27 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
javascript实现简易计算器
2017/02/01 Javascript
如何在AngularJs中调用第三方插件库
2017/05/21 Javascript
原生JS实现 MUI导航栏透明渐变效果
2017/11/07 Javascript
vue项目中使用tinymce编辑器的步骤详解
2018/09/11 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
NestJs 静态目录配置详解
2019/03/12 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
python爬取网站数据保存使用的方法
2013/11/20 Python
提升Python程序性能的7个习惯
2019/04/14 Python
Python re正则表达式元字符分组()用法分享
2020/02/10 Python
美国领先的低折扣旅行网站:Hotwire
2019/01/19 全球购物
激光脱毛、蓝光和护肤:Tria Beauty
2019/03/28 全球购物
Invicta手表官方商店:百年制表历史的瑞士腕表品牌
2019/09/26 全球购物
美术毕业生求职信
2014/02/25 职场文书
2014年安置帮教工作总结
2014/12/11 职场文书
如何开启Apache,Nginx和IIS服务器的GZIP压缩功能
2022/04/29 Servers