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保留两位小数,多位小数的示例代码
Jan 07 Javascript
对new functionName()定义一个函数的理解
May 22 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
Nov 16 Javascript
原生js实现类似弹窗抖动效果
Apr 02 Javascript
实例讲解jquery与json的结合
Jan 07 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
May 19 jQuery
vue与bootstrap实现时间选择器的示例代码
Aug 26 Javascript
微信小程序实现传参数的几种方法示例
Jan 10 Javascript
javascript实现遮罩层动态效果实例
May 14 Javascript
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
May 14 Javascript
原生javascript自定义input[type=radio]效果示例
Aug 27 Javascript
vue 获取url里参数的两种方法小结
Nov 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
PHP SFTP实现上传下载功能
2017/07/26 PHP
php实现记事本案例
2020/10/20 PHP
基于JQuery框架的AJAX实例代码
2009/11/03 Javascript
IE中createElement需要注意的一个问题
2010/07/13 Javascript
jquery结合CSS使用validate实现漂亮的验证
2015/01/29 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
2016/07/12 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
jquery UI Datepicker时间控件冲突问题解决
2016/12/16 Javascript
jquery.masonry瀑布流效果
2017/05/25 jQuery
微信小程序scroll-x失效的完美解决方法
2018/07/18 Javascript
node中的cookie的具体使用
2018/09/13 Javascript
详解js模板引擎art template数组渲染的方法
2018/10/09 Javascript
浅谈JS和jQuery的区别
2019/03/27 jQuery
Node.js学习教程之Module模块
2019/09/03 Javascript
vue项目接口域名动态获取操作
2020/08/13 Javascript
[02:31]2014DOTA2国际邀请赛2009专访:干爹表现出乎意料 看好DK杀回决赛
2014/07/20 DOTA
Python修改Excel数据的实例代码
2013/11/01 Python
python批量提取word内信息
2015/08/09 Python
python实现读取大文件并逐行写入另外一个文件
2018/04/19 Python
Django框架的使用教程路由请求响应的方法
2018/07/03 Python
详解Python爬取并下载《电影天堂》3千多部电影
2019/04/26 Python
Puppeteer使用示例详解
2019/06/20 Python
python实现动态数组的示例代码
2019/07/15 Python
解决django服务器重启端口被占用的问题
2019/07/26 Python
Python3的socket使用方法详解
2020/02/18 Python
Python3自定义http/https请求拦截mitmproxy脚本实例
2020/05/11 Python
python 贪心算法的实现
2020/09/18 Python
Python的轻量级ORM框架peewee使用教程
2021/02/05 Python
购买英国原创艺术:Art Gallery
2018/08/25 全球购物
建筑工程管理专业自荐信范文
2013/12/28 职场文书
人事文员岗位职责
2014/02/16 职场文书
同志主要表现材料
2014/08/21 职场文书
三严三实心得体会范文
2014/10/13 职场文书
《平移和旋转》教学反思
2016/02/19 职场文书
详解Mysql 函数调用优化
2021/04/07 MySQL
Mysql如何查看是否使用到索引
2022/12/24 MySQL