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 15 Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
Nov 05 Javascript
Javascript图像处理—亮度对比度应用案例
Jan 03 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 Javascript
JS留言功能的简单实现案例(推荐)
Jun 23 Javascript
jQuery代码优化方法总结
Jan 29 jQuery
js删除数组中的元素delete和splice的区别详解
Feb 03 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
Sep 13 Javascript
js自定义input文件上传样式
Oct 26 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
Dec 10 Javascript
Webpack中loader打包各种文件的方法实例
Sep 03 Javascript
vue监听滚动事件的方法
Dec 21 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
《魔兽世界》惊魂幻象将获得调整
2020/03/08 其他游戏
Laravel5.7框架安装与使用学习笔记图文详解
2019/04/02 PHP
javascript中取前n天日期的两种方法分享
2014/01/26 Javascript
JavaScript设计模式之抽象工厂模式介绍
2014/12/28 Javascript
jQuery对象初始化的传参方式
2015/02/26 Javascript
跟我学习javascript的undefined与null
2015/11/17 Javascript
Javascript技术难点之apply,call与this之间的衔接
2015/12/04 Javascript
JS中mouseover和mouseout多次触发问题如何解决
2016/06/06 Javascript
jQuery中$.grep() 过滤函数 数组过滤
2016/11/22 Javascript
Angular JS数据的双向绑定详解及实例
2016/12/31 Javascript
详解Angular 4.x NgTemplateOutlet
2017/05/24 Javascript
AngularJs定时器$interval 和 $timeout详解
2017/05/25 Javascript
详解vue+vueRouter+webpack的简单实例
2017/06/17 Javascript
js中的数组对象排序分析
2018/12/11 Javascript
使用Bootstrap做一个朝代历史表
2019/12/10 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
springboot+vue实现文件上传下载
2020/11/17 Vue.js
Python自定义类的数组排序实现代码
2016/08/28 Python
Python迭代和迭代器详解
2016/11/10 Python
python实现解数独程序代码
2017/04/12 Python
python通过socket实现多个连接并实现ssh功能详解
2017/11/08 Python
Python cookbook(数据结构与算法)根据字段将记录分组操作示例
2018/03/19 Python
python获取文件路径、文件名、后缀名的实例
2018/04/23 Python
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
Flask核心机制之上下文源码剖析
2018/12/25 Python
详解python中sort排序使用
2019/03/23 Python
pytorch多GPU并行运算的实现
2019/09/27 Python
django 实现celery动态设置周期任务执行时间
2019/11/19 Python
Tensorflow训练MNIST手写数字识别模型
2020/02/13 Python
Python爬取365好书中小说代码实例
2020/02/28 Python
tensorflow 2.0模式下训练的模型转成 tf1.x 版本的pb模型实例
2020/06/22 Python
python zip()函数的使用示例
2020/09/23 Python
世界领先的高品质定制产品平台:Zazzle
2017/07/23 全球购物
什么是数据抽象
2016/11/26 面试题
小学教师先进事迹材料
2014/12/15 职场文书
python代码实现备忘录案例讲解
2021/07/26 Python