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数组的使用
Mar 28 Javascript
jquery更换文章内容与改变字体大小代码
Sep 30 Javascript
document.getElementById获取控件对象为空的解决方法
Nov 20 Javascript
javascript 获取HTML DOM父、子、临近节点
Jun 16 Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
Dec 14 Javascript
JS中如何实现Laravel的route函数详解
Feb 12 Javascript
浅谈用Webpack路径压缩图片上传尺寸获取的问题
Feb 22 Javascript
Vue实现按钮旋转和移动位置的实例代码
Aug 09 Javascript
JS实现马赛克图片效果完整示例
Apr 13 Javascript
Js数组扁平化实现方法代码总汇
Nov 11 Javascript
JavaScript实现网页tab栏效果制作
Nov 20 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 一个比较完善的简单文件上传
2010/03/25 PHP
php中邮箱地址正则表达式实现与详解
2012/04/24 PHP
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
php数组去除空值函数分享
2015/02/02 PHP
非常实用的php验证码类
2016/05/15 PHP
基于PHPexecl类生成复杂的报表表头示例
2016/10/14 PHP
PHP 爬取网页的主要方法
2018/07/13 PHP
解javascript 混淆加密收藏
2009/01/16 Javascript
浅谈JavaScript之事件绑定
2013/07/08 Javascript
jQuery父级以及同级元素查找介绍
2013/09/04 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
2014/04/30 Javascript
小结Node.js中非阻塞IO和事件循环
2014/09/18 Javascript
浅谈JS闭包中的循环绑定处理程序
2014/11/09 Javascript
BootStrap文件上传样式超好看【持续更新】
2016/05/10 Javascript
jQuery通过deferred对象管理ajax异步
2016/05/20 Javascript
基于zepto.js简单实现上传图片
2016/06/21 Javascript
JavaScript中浅讲ajax图文详解
2016/11/11 Javascript
Dropify.js图片宽高自适应的方法
2017/11/27 Javascript
React Native react-navigation 导航使用详解
2017/12/01 Javascript
关于Python元祖,列表,字典,集合的比较
2017/01/06 Python
老生常谈Python进阶之装饰器
2017/05/11 Python
Python 根据日志级别打印不同颜色的日志的方法示例
2019/08/08 Python
Python 复平面绘图实例
2019/11/21 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
python环境搭建和pycharm的安装配置及汉化详细教程(零基础小白版)
2020/08/19 Python
Python fileinput模块如何逐行读取多个文件
2020/10/05 Python
HTML5拖放效果的实现代码
2016/11/17 HTML / CSS
Perry Ellis官网:美国男士品味服装
2016/12/09 全球购物
存储过程的优缺点是什么
2015/01/10 面试题
初中三好学生自我鉴定
2014/04/07 职场文书
医德医风演讲稿
2014/05/20 职场文书
机电专业毕业生求职信
2014/07/01 职场文书
公司授权委托书
2014/10/17 职场文书
党风廉政建设调研报告
2015/01/01 职场文书
2015入党自传格式范文
2015/06/26 职场文书
SpringBoot读取Resource下文件的4种方法
2021/07/02 Java/Android