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学习笔记(十七) 检测浏览器插件代码
Jun 20 Javascript
一个JavaScript的求爱小特效
May 09 Javascript
JQuery自动触发事件的方法
Jun 13 Javascript
javascript实现多栏闭合展开式广告位菜单效果实例
Aug 05 Javascript
jQuery的remove()方法使用详解
Aug 11 Javascript
Angularjs的Controller间通信机制实例分析
Nov 07 Javascript
JS实现图片放大镜插件详解
Nov 06 Javascript
实例讲解vue源码架构
Jan 24 Javascript
轻松解决JavaScript定时器越走越快的问题
May 13 Javascript
JS Generator 函数的含义与用法实例总结
Apr 08 Javascript
jQuery带控制按钮轮播图插件
Jul 31 jQuery
vue中echarts的用法及与elementui-select的协同绑定操作
Nov 17 Vue.js
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 读取shell管道传输过来的内容
2010/03/01 PHP
php输出xml必须header的解决方法
2014/10/17 PHP
纯php生成随机密码
2015/10/30 PHP
Yii的Srbac插件用法详解
2016/07/14 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
2018/08/16 PHP
tagName的使用,留一笔
2006/06/26 Javascript
Javascript 判断Flash是否加载完成的代码
2010/04/12 Javascript
js判断背景图片是否加载成功使用img的width实现
2013/05/29 Javascript
js 获取时间间隔实现代码
2014/05/12 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
2015/02/25 Javascript
提交按钮的name='submit'引起的js失效问题及原因
2015/02/25 Javascript
在 Express 中使用模板引擎
2015/12/10 Javascript
javascript每日必学之条件分支
2016/02/17 Javascript
Jquery 整理元素选取、常用方法一览表
2016/11/26 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
2017/01/13 Javascript
jQuery选择器之表单元素选择器详解
2017/09/19 jQuery
微信小程序学习笔记之获取位置信息操作图文详解
2019/03/29 Javascript
关于Vue源码vm.$watch()内部原理详解
2019/04/26 Javascript
使用vue自定义指令开发表单验证插件validate.js
2019/05/23 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
详解微信小程序图片地扯转base64解决方案
2019/08/18 Javascript
[44:39]2014 DOTA2国际邀请赛中国区预选赛 NE VS CNB
2014/05/21 DOTA
[48:23]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第一局
2016/03/05 DOTA
Python学生成绩管理系统简洁版
2020/04/05 Python
基于Python中求和函数sum的用法详解
2018/06/28 Python
python爬虫URL重试机制的实现方法(python2.7以及python3.5)
2018/12/18 Python
Python中三维坐标空间绘制的实现
2020/09/22 Python
详解查看Python解释器路径的两种方式
2020/10/15 Python
css3实现六边形边框的实例代码
2019/05/24 HTML / CSS
FitFlop澳大利亚官网:英国符合人体工学的鞋类品牌
2017/06/05 全球购物
彪马加拿大官网:PUMA加拿大
2018/10/04 全球购物
西班牙在线药店:DosFarma
2020/03/28 全球购物
求职信格式要求
2014/05/23 职场文书
青年志愿者服务活动总结
2015/05/06 职场文书
义卖募捐活动总结
2015/05/09 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书