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 相关文章推荐
JS实现页面超时后自动跳转到登陆页面
Jan 19 Javascript
JS动态修改图片的URL(src)的方法
Apr 01 Javascript
JavaScript实现简单图片翻转的方法
Apr 17 Javascript
JS延时提示框实现方法详解
Nov 26 Javascript
AngularJS 日期格式化详解
Dec 23 Javascript
详解Javascript中prototype属性(推荐)
Sep 03 Javascript
完全深入学习Bootstrap表单
Nov 28 Javascript
基于javascript实现最简单选项卡切换
Feb 01 Javascript
jQuery回调方法使用示例
Jun 26 jQuery
Vue项目中最新用到的一些实用小技巧
Nov 06 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
Apr 29 Javascript
vue调用语音播放的方法
Sep 27 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
数据库中排序的对比及使用条件详解
2012/02/23 PHP
php利用嵌套数组拼接与解析json的方法
2017/02/07 PHP
Laravel框架使用Redis的方法详解
2018/05/30 PHP
PHP实现关键字搜索后描红功能示例
2019/07/03 PHP
PHP的静态方法与普通方法用法实例分析
2019/09/26 PHP
在UpdatePanel内jquery easyui效果失效的解决方法
2010/04/11 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
2013/01/23 Javascript
jquery动态增加text元素以及删除文本内容实例代码
2013/07/01 Javascript
Extjs4中的分页应用结合前后台
2013/12/13 Javascript
JavaScript学习笔记之ES6数组方法
2016/03/25 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
2016/05/21 Javascript
AngularJs Javascript MVC 框架
2016/06/20 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
2016/11/22 Javascript
layer实现弹窗提交信息
2016/12/12 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
2017/03/02 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
Vue表单验证插件Vue Validator使用方法详解
2017/04/07 Javascript
简单实现js拖拽效果
2017/07/25 Javascript
js实现各浏览器全屏代码实例
2018/07/03 Javascript
微信小程序 Storage更新详解
2019/07/16 Javascript
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
[01:59][TI9趣味视频] 全明星赛奖励
2019/08/23 DOTA
[46:49]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.19
2020/12/24 DOTA
python3 实现一行输入,空格隔开的示例
2018/11/14 Python
Python面向对象程序设计示例小结
2019/01/30 Python
新手学python应该下哪个版本
2020/06/11 Python
基于html5实现的图片墙效果
2014/10/16 HTML / CSS
阿姆斯特丹城市卡:Amsterdam Pass
2019/12/01 全球购物
JSP&Servlet技术面试题
2015/05/21 面试题
写演讲稿要注意的六件事
2014/01/14 职场文书
供应链金融服务方案
2014/05/25 职场文书
民事赔偿协议书
2014/11/02 职场文书
水电工岗位职责
2015/02/14 职场文书
医学生自荐信范文
2015/03/05 职场文书
综合素质评价自我评价
2015/03/06 职场文书
深入理解go slice结构
2021/09/15 Golang