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 相关文章推荐
js读写cookie实现一个底部广告浮层效果的两种方法
Dec 29 Javascript
JavaScript将字符串转换成字符编码列表的方法
Mar 19 Javascript
jquery+ajax请求且带返回值的代码
Aug 12 Javascript
jQuery实现6位数字密码输入框
Dec 29 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
Mar 04 Javascript
Angular.js自动化测试之protractor详解
Jul 07 Javascript
JScript实现地址选择功能
Aug 15 Javascript
javascript将list转换成树状结构的实例
Sep 08 Javascript
编写React组件项目实践分析
Mar 04 Javascript
详解vue中v-model和v-bind绑定数据的异同
Aug 10 Javascript
详细分析JavaScript中的深浅拷贝
Sep 17 Javascript
原生JavaScript实现弹幕组件的示例代码
Oct 12 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
phpQuery占用内存过多的处理方法
2013/11/13 PHP
ThinkPHP模板引擎之导入资源文件方法详解
2014/06/18 PHP
教你php如何实现验证码
2016/01/20 PHP
php探针使用原理和技巧讲解
2019/09/17 PHP
简单的php购物车代码
2020/06/05 PHP
自动刷新网页,自动刷新当前页面,JS调用
2013/06/24 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
2013/11/22 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
2014/02/22 Javascript
js之ActiveX控件使用说明 new ActiveXObject()
2014/03/03 Javascript
JS、DOM和JQuery之间的关系示例分析
2014/04/09 Javascript
javascript中replace( )方法的使用
2015/04/24 Javascript
React.js入门实例教程之创建hello world 的5种方式
2016/05/11 Javascript
AngularJs解决跨域问题案例详解(简单方法)
2016/05/19 Javascript
jQuery实现背景弹性滚动的导航效果
2016/06/01 Javascript
angularJS 指令封装回到顶部示例详解
2017/01/22 Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
2017/08/17 Javascript
解决Echarts2竖直datazoom滑动后显示数据不全的问题
2020/07/20 Javascript
vue 在单页面应用里使用二级套嵌路由
2020/12/19 Vue.js
[01:35]2018完美盛典章节片——共竞
2018/12/17 DOTA
Python实现的彩票机选器实例
2015/06/17 Python
快速解决PyCharm无法引用matplotlib的问题
2018/05/24 Python
python清除函数占用的内存方法
2018/06/25 Python
基于Python新建用户并产生随机密码过程解析
2019/10/08 Python
python pptx复制指定页的ppt教程
2020/02/14 Python
完美解决keras 读取多个hdf5文件进行训练的问题
2020/07/01 Python
python+excel接口自动化获取token并作为请求参数进行传参操作
2020/11/10 Python
PyCharm Ctrl+Shift+F 失灵的简单有效解决操作
2021/01/15 Python
Python .py生成.pyd文件并打包.exe 的注意事项说明
2021/03/04 Python
英国工具中心:UK Tool Centre
2017/07/10 全球购物
Sony C++笔试题
2013/03/10 面试题
什么是Web Service?
2012/07/25 面试题
电子商务应届生求职信
2013/11/16 职场文书
校长创先争优承诺书
2014/08/30 职场文书
2014年单位法制宣传日活动总结
2014/11/01 职场文书
Spring this调用当前类方法无法拦截的示例代码
2022/03/20 Java/Android
MySQL插入数据与查询数据
2022/03/25 MySQL