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 相关文章推荐
Extjs ajax同步请求时post方式参数发送方式
Aug 05 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
Nov 13 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
Mar 12 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
Aug 17 Javascript
Web打印解决方案之普通报表打印功能
Aug 29 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
May 08 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
Jul 24 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
Feb 10 Javascript
angularjs使用gulp-uglify压缩后执行报错的解决方法
Mar 07 Javascript
webuploader分片上传的实现代码(前后端分离)
Sep 10 Javascript
vue history 模式打包部署在域名的二级目录的配置指南
Jul 02 Javascript
JavaScript组合模式---引入案例分析
May 23 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利用单例模式实现日志处理类库
2014/02/10 PHP
Linux下编译redis和phpredis的方法
2016/04/07 PHP
PHP htmlspecialchars() 函数实例代码及用法大全
2018/09/18 PHP
js右键菜单效果代码
2007/07/21 Javascript
最短的IE判断代码
2011/03/13 Javascript
js的for in循环和java里foreach循环的区别分析
2015/01/28 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
2015/11/27 Javascript
JavaScript几种数组去掉重复值的方法推荐
2016/04/12 Javascript
vue自定义指令实现v-tap插件
2016/11/03 Javascript
js数字计算 误差问题的快速解决方法
2017/02/28 Javascript
纯js的右下角弹窗实例
2017/03/12 Javascript
electron-vue开发环境内存泄漏问题汇总
2019/10/10 Javascript
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
python爬虫实现教程转换成 PDF 电子书
2017/02/19 Python
Python3.4 tkinter,PIL图片转换
2018/06/21 Python
Caffe均值文件mean.binaryproto转mean.npy的方法
2018/07/09 Python
Python面向对象之接口、抽象类与多态详解
2018/08/27 Python
python爬虫 urllib模块反爬虫机制UA详解
2019/08/20 Python
Python3.7黑帽编程之病毒篇(基础篇)
2020/02/04 Python
python进度条显示-tqmd模块的实现示例
2020/08/23 Python
巴基斯坦电子产品购物网站:Home Shopping
2017/09/14 全球购物
卡骆驰新加坡官网:Crocs新加坡
2018/06/12 全球购物
三星英国官网:Samsung英国
2018/09/25 全球购物
职业生涯规划书基本格式
2014/01/06 职场文书
网络信息安全承诺书
2014/03/26 职场文书
企业金融服务方案
2014/06/03 职场文书
孝敬父母的活动方案
2014/08/28 职场文书
村主任“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
2014年仓管员工作总结
2014/11/18 职场文书
2014年反腐倡廉工作总结
2014/12/05 职场文书
2014年图书室工作总结
2014/12/09 职场文书
4S店客服专员岗位职责
2015/04/07 职场文书
学籍证明模板
2015/06/18 职场文书
清明节主题班会
2015/08/14 职场文书
vue2实现provide inject传递响应式
2021/05/21 Vue.js
「海贼王」112.9万粉丝纪念图标公布
2022/03/21 日漫