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,jQuery 排序的实现代码,网页标签排序的实现,标签排序
Apr 27 Javascript
JavaScript 上万关键字瞬间匹配实现代码
Jul 07 Javascript
jquery mobile开发常见问题分析
Jan 21 Javascript
深入理解bootstrap框架之第二章整体架构
Oct 09 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
Dec 08 Javascript
node.js爬虫爬取拉勾网职位信息
Mar 14 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
Aug 19 Javascript
vue cli 全面解析
Feb 28 Javascript
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
微信小程序 弹窗输入组件的实现解析
Aug 12 Javascript
layui禁用侧边导航栏点击事件的解决方法
Sep 25 Javascript
js实现数据导出为EXCEL(支持大量数据导出)
Mar 31 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 数组遍历方法大全(foreach,list,each)
2010/06/30 PHP
基于wordpress主题制作的具体实现步骤
2013/05/10 PHP
探讨:使用XMLSerialize 序列化与反序列化
2013/06/08 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
php变量与字符串的增删改查操作示例
2020/05/07 PHP
JS提交并解析后台返回的XML的代码
2008/11/03 Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
2010/06/29 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
2017/02/04 Javascript
Web开发中客户端的跳转与服务器端的跳转的区别
2017/03/05 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
2017/07/22 jQuery
Angular 2.0+ 的数据绑定的实现示例
2017/08/09 Javascript
vue自定义指令directive实例详解
2018/01/17 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
2018/04/08 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
Vue项目实现换肤功能的一种方案分析
2019/08/28 Javascript
JavaScript canvas绘制渐变颜色的矩形
2020/02/18 Javascript
vue实现在进行增删改操作后刷新页面
2020/08/05 Javascript
js实现页面导航层级指示效果
2020/08/25 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
[02:21]DOTA2英雄基础教程 蝙蝠骑士
2013/12/16 DOTA
[01:20]DOTA2更新全新英雄 天涯墨客现已加入游戏
2018/08/25 DOTA
Python 代码性能优化技巧分享
2012/08/07 Python
python基于pyDes库实现des加密的方法
2017/04/29 Python
Python实现绘制双柱状图并显示数值功能示例
2018/06/23 Python
Python 使用PIL中的resize进行缩放的实例讲解
2018/08/03 Python
python仿evething的文件搜索器实例代码
2019/05/13 Python
Python的几种主动结束程序方式
2019/11/22 Python
零基础学python应该从哪里入手
2020/08/11 Python
商务英语专业应届毕业生求职信
2013/10/28 职场文书
岳父生日宴会答谢词
2014/01/13 职场文书
男方父母婚礼答谢词
2014/01/25 职场文书
工作求职信
2014/07/04 职场文书
企业财务经理岗位职责
2015/04/08 职场文书
React如何创建组件
2021/06/27 Javascript
java设计模式--七大原则详解
2021/07/21 Java/Android