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 相关文章推荐
XMLHTTPRequest的属性和方法简介
Nov 23 Javascript
5个javascript的数字格式化函数分享
Dec 07 Javascript
Javascript查询DBpedia小应用实例学习
Mar 07 Javascript
js对象内部访问this修饰的成员函数示例
Apr 27 Javascript
jQuery EasyUI框架中的Datagrid数据表格组件结构详解
Jun 09 Javascript
AngularJS 自定义指令详解及示例代码
Aug 17 Javascript
详解angular2如何手动点击特定元素上的点击事件
Oct 16 Javascript
Vue press 支持图片放大功能的实例代码
Nov 09 Javascript
webpack HappyPack实战详解
Oct 08 Javascript
Vue父子之间值传递的实例教程
Jul 02 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
Oct 29 Javascript
微信小程序实现简单购物车功能
Dec 30 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小偷相关截取函数备忘
2010/11/28 PHP
PHP实现GIF图片验证码
2015/11/04 PHP
PHP微信开发之模板消息回复
2016/06/24 PHP
php微信开发自定义菜单
2016/08/27 PHP
php读取出一个文件夹及其子文件夹下所有文件的方法示例
2017/06/15 PHP
ExtJS 2.0实用简明教程 之获得ExtJS
2009/04/29 Javascript
javascript 写类方式之六
2009/07/05 Javascript
JavaScript中获取元素索引的函数
2010/09/10 Javascript
JavaScript 设计模式 安全沙箱模式
2010/09/24 Javascript
JS中showModalDialog 的使用解析
2013/04/17 Javascript
JavaScript实现复制功能各浏览器支持情况实测
2013/07/18 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
2013/08/18 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
JavaScript中的数值范围介绍
2014/12/29 Javascript
Linux下编译安装php libevent扩展实例
2015/02/14 Javascript
浅谈jQuery.easyui的datebox格式化时间
2015/06/25 Javascript
Easyui 之 Treegrid 笔记
2016/04/29 Javascript
针对BootStrap中tabs控件的美化和完善(推荐)
2016/07/06 Javascript
全面理解闭包机制
2016/07/11 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
2016/08/28 Javascript
详解Bootstrap各式各样的按钮(推荐)
2016/12/13 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
JavaScript中call和apply方法的区别实例分析
2018/08/03 Javascript
vue.js中toast用法及使用toast弹框的实例代码
2018/08/27 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
2019/04/04 Javascript
Vue源码解析之数据响应系统的使用
2019/04/24 Javascript
原生js实现日期选择插件
2020/05/21 Javascript
Python数据类型详解(四)字典:dict
2016/05/12 Python
python控制windows剪贴板,向剪贴板中写入图片的实例
2018/05/31 Python
PyTorch的SoftMax交叉熵损失和梯度用法
2020/01/15 Python
Python如何访问字符串中的值
2020/02/09 Python
大学生党课思想汇报
2013/12/29 职场文书
《桃林那间小木屋》教学反思
2014/05/01 职场文书
小学优秀班集体申报材料
2014/05/25 职场文书
python OpenCV学习笔记
2021/03/31 Python
Python matplotlib绘制条形统计图 处理多个实验多组观测值
2022/04/21 Python