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 相关文章推荐
JavaScript 撑出页面文字换行
Jun 15 Javascript
jQuery 工具函数学习资料
Apr 29 Javascript
使用jquery组件qrcode生成二维码及应用指南
Feb 22 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
Feb 14 Javascript
EasyUI Pagination 分页的两种做法小结
Jul 09 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
Mar 21 Javascript
js+html制作简单日历的方法
Jun 27 Javascript
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
vue.js移动端app之上拉加载以及下拉刷新实战
Sep 11 Javascript
Vuex 使用及简单实例(计数器)
Aug 29 Javascript
vue+elementUI动态生成面包屑导航教程
Nov 04 Javascript
微信小程序使用GoEasy实现websocket实时通讯
May 19 Javascript
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实现window平台的checkdnsrr函数
2015/05/27 PHP
php文件类型MIME对照表(比较全)
2016/10/07 PHP
form自动提交实例讲解
2017/07/10 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
JavaScript获取GridView中用户点击控件的行号,列号
2009/04/14 Javascript
JQuery 学习笔记 选择器之三
2009/07/23 Javascript
jquery 简单导航实现代码
2009/09/11 Javascript
js中回调函数的学习笔记
2014/07/31 Javascript
jQuery基础语法实例入门
2014/12/23 Javascript
JavaScript中document对象使用详解
2015/01/06 Javascript
JavaScript函数的调用以及参数传递
2015/10/21 Javascript
AngularJS基础 ng-class-odd 指令示例
2016/08/01 Javascript
js+css3制作时钟特效
2016/10/16 Javascript
Angular下H5上传图片的方法(可多张上传)
2017/01/09 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
2017/10/25 Javascript
Vue组件通信之Bus的具体使用
2017/12/28 Javascript
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
2018/11/30 Javascript
详解如何为你的angular app构建一个第三方库
2018/12/07 Javascript
vue-cli3项目展示本地Markdown文件的方法
2019/06/07 Javascript
js正则匹配多个全部数据问题
2019/12/20 Javascript
JavaScript实现留言板案例
2020/03/17 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
Python实现将n个点均匀地分布在球面上的方法
2015/03/12 Python
Python实现高效求解素数代码实例
2015/06/30 Python
Python龙贝格法求积分实例
2020/02/29 Python
pycharm软件实现设置自动保存操作
2020/06/08 Python
导出HTML5 Canvas图片并上传服务器功能
2019/08/16 HTML / CSS
法国在线药房:DoctiPharma
2020/10/21 全球购物
EJB的激活机制
2013/10/25 面试题
总账会计岗位职责
2014/03/13 职场文书
房产委托公证书
2014/04/08 职场文书
积极向上的团队口号
2014/06/06 职场文书
党的群众路线教育实践活动党员个人整改措施
2014/10/27 职场文书
消夏晚会主持词
2015/06/30 职场文书
初中同学会致辞
2015/08/01 职场文书
Android开发EditText禁止输入监听及InputFilter字符过滤
2022/06/10 Java/Android