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 相关文章推荐
Cookie 小记
Apr 01 Javascript
使用jquery实现select添加实现后台权限添加的效果
May 28 Javascript
jQuery多项选项卡的实现思路附样式及代码
Jun 03 Javascript
js数组去重的5种算法实现
Nov 04 Javascript
不用一句js代码初始化组件
Jan 27 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
Jun 08 Javascript
vue translate peoject实现在线翻译功能【新手必看】
Jun 07 Javascript
Angular4 Select选择改变事件的方法
Oct 09 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 26 Javascript
bootstrap-paginator服务器端分页使用方法详解
Feb 13 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
Oct 21 Javascript
JS数组索引检测中的数据类型问题详解
Jan 11 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下正则来匹配dede模板标签的代码
2010/08/21 PHP
php 判断服务器操作系统的类型
2014/02/17 PHP
php 生成自动创建文件夹并上传文件的示例代码
2014/03/07 PHP
PHP的error_reporting错误级别变量对照表
2014/07/08 PHP
使用phpstorm和xdebug实现远程调试的方法
2015/12/29 PHP
PHP 中常量的知识整理
2017/04/14 PHP
微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解
2019/04/10 PHP
apache集成php7.3.5的详细步骤
2019/06/20 PHP
扩展easyui.datagrid,添加数据loading遮罩效果代码
2010/11/02 Javascript
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
js全选实现和判断是否有复选框选中的方法
2015/02/17 Javascript
JS获取屏幕高度的简单实现代码
2016/05/24 Javascript
js动态获取子复选项并设计全选及提交的实现方法
2016/06/24 Javascript
bootstrap组件之按钮式下拉菜单小结
2017/01/19 Javascript
AngularJS实现的回到顶部指令功能实例
2017/05/17 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
2017/08/16 Javascript
你可能不知道的JSON.stringify()详解
2017/08/17 Javascript
Vue.js2.0中的变化小结
2017/10/24 Javascript
Vue2.0用户权限控制解决方案
2017/11/29 Javascript
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
Vue组件开发技巧总结
2018/03/04 Javascript
layui实现tab的添加拒绝重复的方法
2019/09/04 Javascript
基于js实现数组相邻元素上移下移
2020/05/19 Javascript
Opencv+Python 色彩通道拆分及合并的示例
2018/12/08 Python
python retrying模块的使用方法详解
2019/09/25 Python
基于Python实现签到脚本过程解析
2019/10/25 Python
Python找出列表中出现次数最多的元素三种方式
2020/02/24 Python
python opencv实现图像配准与比较
2021/02/09 Python
html5 canvas绘制网络字体的常用方法
2019/08/26 HTML / CSS
意大利体育用品网上商城:Nencini Sport
2016/08/18 全球购物
英国婚礼商城:Wedding Mall
2019/11/02 全球购物
初三学生评语大全
2014/04/24 职场文书
打架检讨书
2015/01/27 职场文书
民间借贷被告代理词
2015/05/23 职场文书
改进工作作风心得体会
2016/01/23 职场文书
判断Python中的Nonetype类型
2021/05/25 Python