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解密入门之凭直觉解
Jun 25 Javascript
js获取时间并实现字符串和时间戳之间的转换
Jan 05 Javascript
jquery使用on绑定a标签无效 只能用live解决
Jun 02 Javascript
浅谈几种常用的JS类定义方法
Jun 08 Javascript
Bootstrap实现水平排列的表单
Jul 04 Javascript
微信小程序 input输入框详解及简单实例
Jan 10 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
May 17 Javascript
javascript计算对象长度的方法
Oct 25 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
Node.js事件的正确使用方法
Apr 05 Javascript
浅谈JavaScript节流和防抖函数
Aug 25 Javascript
JavaScript 反射学习技巧
Oct 16 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
Laravel模板引擎Blade中section的一些标签的区别介绍
2015/02/10 PHP
PHP中基本HTTP认证技巧分析
2015/03/16 PHP
php实现字符串首字母转换成大写的方法
2015/03/17 PHP
PHP用正则匹配form表单中所有元素的类型和属性值实例代码
2017/02/28 PHP
php面向对象之反射功能与用法分析
2017/03/29 PHP
PHP使用标准库spl实现的观察者模式示例
2018/08/04 PHP
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
js 分栏效果实现代码
2009/08/29 Javascript
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
2010/04/27 Javascript
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
2012/10/11 Javascript
浅谈javascript 函数属性和方法
2015/01/21 Javascript
javascript实现的图片切割多块效果实例
2015/05/07 Javascript
JS实现超简单的鼠标拖动效果
2015/11/02 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
2016/04/18 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
2019/04/04 jQuery
bootstrap-treeview实现多级树形菜单 后台JSON格式如何组织?
2019/07/26 Javascript
js校验开始时间和结束时间
2020/05/26 Javascript
基于vue中的scoped坑点解说
2020/09/04 Javascript
零基础写python爬虫之HTTP异常处理
2014/11/05 Python
探究Python多进程编程下线程之间变量的共享问题
2015/05/05 Python
python实现批量下载新浪博客的方法
2015/06/15 Python
Python的Django中将文件上传至七牛云存储的代码分享
2016/06/03 Python
TensorFlow如何实现反向传播
2018/02/06 Python
pandas多级分组实现排序的方法
2018/04/20 Python
python/sympy求解矩阵方程的方法
2018/11/08 Python
python爬虫之遍历单个域名
2019/11/20 Python
matplotlib实现显示伪彩色图像及色度条
2019/12/07 Python
python 爬虫之selenium可视化爬虫的实现
2020/12/04 Python
使用CSS3创建动态菜单效果
2015/07/10 HTML / CSS
Helly Hansen工作服美国官方网上商店:为最恶劣的环境
2019/09/04 全球购物
生产班组长岗位职责
2014/01/05 职场文书
某集团股份有限公司委托书样本
2014/09/24 职场文书
公司人事任命通知
2015/04/20 职场文书
一道JS算法面试题——冒泡、选择排序
2021/04/21 Javascript
SpringBoot整合minio快速入门教程(代码示例)
2022/04/03 Java/Android