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 相关文章推荐
使用onbeforeunload属性后的副作用
Mar 08 Javascript
js无刷新操作table的行和列
Mar 27 Javascript
单元选择合并变色示例代码
May 26 Javascript
js判断一个字符串是否包含一个子串的方法
Jan 26 Javascript
node.js读取文件到字符串的方法
Jun 29 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
Feb 16 Javascript
JQuery的attr 与 val区别
Jun 12 Javascript
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 jQuery
vue select组件的使用与禁用实现代码
Apr 10 Javascript
微信小程序使用gitee进行版本管理
Sep 20 Javascript
js获取本日、本周、本月的时间代码
Feb 01 Javascript
JavaScript 替换所有匹配内容及正则替换方法
Feb 12 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判断是否连接上网络的方法
2015/07/01 PHP
PHP如何实现Unicode和Utf-8编码相互转换
2015/07/29 PHP
解决laravel5.4下的group by报错的问题
2019/10/16 PHP
通过代码实例解析PHP session工作原理
2020/12/11 PHP
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
2011/03/17 Javascript
使用js对select动态添加和删除OPTION示例代码
2013/08/12 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/09/26 Javascript
利用原生JavaScript获取元素样式只是获取而已
2014/10/08 Javascript
jQuery选择id属性带有点符号元素的方法
2015/03/17 Javascript
浅谈pc端rem字体设置的问题
2017/08/03 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
2017/08/04 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
EasyUI创建人员树的实例代码
2017/09/15 Javascript
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
2019/09/10 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
2020/06/05 Javascript
python发布模块的步骤分享
2014/02/21 Python
python通过yield实现数组全排列的方法
2015/03/18 Python
python使用append合并两个数组的方法
2015/04/28 Python
Python二分查找详解
2015/09/13 Python
python之pymysql模块简单应用示例代码
2019/12/16 Python
Python使用jupyter notebook查看ipynb文件过程解析
2020/06/02 Python
CSS3中线性颜色渐变的一些实现方法
2015/07/14 HTML / CSS
利用css3如何设置没有上下边的列表间隔线
2017/07/03 HTML / CSS
深入剖析webstorage[html5的本地数据处理]
2016/07/11 HTML / CSS
泰国Robinson百货官网:购买知名品牌的商品
2020/02/08 全球购物
C语言怎样定义和声明全局变量和函数最好
2013/11/26 面试题
物业管理专业个人的自我评价
2013/11/19 职场文书
机电一体化专业求职信
2014/07/22 职场文书
党支部活动策划方案
2014/08/18 职场文书
村委会贫困证明范本
2014/09/17 职场文书
农村党支部书记党群众路线四风问题整改措施
2014/09/26 职场文书
档案接收函格式
2015/01/30 职场文书
上课迟到检讨书范文
2015/05/06 职场文书
2016学雷锋优秀志愿者事迹材料
2016/02/25 职场文书
正确使用MySQL update语句
2021/05/26 MySQL
剑指Offer之Java算法习题精讲二叉树专项训练
2022/03/21 Java/Android