js获取checkbox值的方法


Posted in Javascript onJanuary 28, 2015

本文实例讲述了js获取checkbox值的方法。分享给大家供大家参考。具体实现方法如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>js</title>

</head>

<script language="javascript">

function aa(){

    var r=document.getElementsByName("r"); 

    for(var i=0;i<r.length;i++){

         if(r[i].checked){

         alert(r[i].value+","+r[i].nextSibling.nodeValue);

       }

    }      

}

</script>

<body>

<form name="form1" method="post" action="">

<input type="checkbox" name="r" value="1">a<br>

<input type="checkbox" name="r" value="2">b<br>

<input type="checkbox" name="r" value="3">c<br>

<input type="checkbox" name="r" value="4">d<br>

<input type="checkbox" name="r" value="5">e<br>

<input type="checkbox" name="r" value="6">f<br>

<input type="checkbox" name="r" value="7">g<br>

<input type="checkbox" name="r" value="8">h<br>

<input type="checkbox" name="r" value="9">i<br>

<input type="checkbox" name="r" value="10">j<br>

<br>

<input type="button" onclick="aa()" value="button">

</form>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JQuery 实现的页面滚动时浮动窗口控件
Jul 10 Javascript
浅谈Javascript事件处理程序的几种方式
Jun 27 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
Dec 03 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
Sep 06 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
微信小程序之拖拽排序(代码分享)
Jan 21 Javascript
详解react关于事件绑定this的四种方式
Mar 09 Javascript
node前端开发模板引擎Jade的入门
May 11 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
详解50行代码,Node爬虫练手项目
Apr 22 Javascript
vue 给数组添加新对象并赋值
Apr 20 Vue.js
js树插件zTree获取所有选中节点数据的方法
Jan 28 #Javascript
浅谈javascript的调试
Jan 28 #Javascript
js的for in循环和java里foreach循环的区别分析
Jan 28 #Javascript
js鼠标悬浮出现遮罩层的方法
Jan 28 #Javascript
Jquery 实现grid绑定模板
Jan 28 #Javascript
Javascript控制input输入时间格式的方法
Jan 28 #Javascript
js使用Array.prototype.sort()对数组对象排序的方法
Jan 28 #Javascript
You might like
PHP校验ISBN码的函数代码
2011/01/17 PHP
WordPress中查询文章的循环Loop结构及用法分析
2015/12/17 PHP
thinkphp命名空间用法实例详解
2015/12/30 PHP
Yii框架中jquery表单验证插件用法示例
2016/10/18 PHP
yii2.0框架场景的简单使用示例
2020/01/25 PHP
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
2007/07/11 Javascript
IE 缓存策略的BUG的解决方法
2007/07/21 Javascript
JSQL SQLProxy 的 php 版本代码
2010/05/05 Javascript
js 高效去除数组重复元素示例代码
2013/12/19 Javascript
JS判断页面是否出现滚动条的方法
2015/07/17 Javascript
win7下安装配置node.js+express开发环境
2015/12/06 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
2016/03/13 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
2016/04/13 Javascript
BootStrap扔进Django里的方法详解
2016/05/13 Javascript
利用浮层使select不可选的实现方法
2016/12/03 Javascript
详解vue2父组件传递props异步数据到子组件的问题
2017/06/29 Javascript
react 实现页面代码分割、按需加载的方法
2018/04/03 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
2018/08/11 Javascript
Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))
2019/10/28 Javascript
VUE中setTimeout和setInterval自动销毁案例
2020/09/07 Javascript
[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场
2014/05/23 DOTA
对python中Matplotlib的坐标轴的坐标区间的设定实例讲解
2018/05/25 Python
python3写的简单本地文件上传服务器实例
2018/06/04 Python
python的常用模块之collections模块详解
2018/12/06 Python
python实现列表中最大最小值输出的示例
2019/07/09 Python
django-rest-framework 自定义swagger过程详解
2019/07/18 Python
django admin 根据choice字段选择的不同来显示不同的页面方式
2020/05/13 Python
澳大利亚厨房和家用电器购物网站:Bing Lee
2021/01/11 全球购物
新大陆软件面试题
2016/11/24 面试题
工程专业求职自荐书范文
2014/02/18 职场文书
2014年两会学习心得体会
2014/03/17 职场文书
新闻专业毕业生英文求职信
2014/03/19 职场文书
甘南现象心得体会
2014/09/11 职场文书
2014乡镇党政班子四风问题思想汇报
2014/09/14 职场文书
开会通知
2015/04/20 职场文书
SQL基础查询和LINQ集成化查询
2022/01/18 MySQL