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实现无刷新更新数据的详细步骤 asp
Dec 26 Javascript
JavaScript入门教程(2) JS基础知识
Jan 31 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
Feb 07 Javascript
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
Nov 26 Javascript
JS之Date对象和获取系统当前时间详解
Jan 13 Javascript
网页右侧悬浮滚动在线qq客服代码示例
Apr 28 Javascript
javascript面向对象快速入门实例
Jan 13 Javascript
JS通过Cookie判断页面是否为首次打开
Feb 05 Javascript
javascript动态获取登录时间和在线时长
Feb 25 Javascript
fullpage.js全屏滚动插件使用实例
Sep 06 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
Dec 18 Javascript
Vue分页组件实例代码
Apr 17 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 采集程序中常用的函数
2009/12/09 PHP
深入探讨PHP中的内存管理问题
2011/08/31 PHP
第六章 php目录与文件操作
2011/12/30 PHP
解析array splice的移除数组中指定键的值,返回一个新的数组
2013/07/02 PHP
Yii视图操作之自定义分页实现方法
2016/07/14 PHP
php微信公众号开发之音乐信息
2018/10/20 PHP
BOOM vs RR BO5 第三场 2.14
2021/03/10 DOTA
基于jquery的固定表头和列头的代码
2012/05/03 Javascript
在Ubuntu上安装最新版本的Node.js
2014/07/14 Javascript
深入浅析Node.js 事件循环
2015/12/20 Javascript
Three.js学习之文字形状及自定义形状
2016/08/01 Javascript
浅析jQuery操作select控件的取值和设值
2016/12/07 Javascript
原生js实现中奖信息无间隙滚动效果
2017/01/18 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
2017/01/21 Javascript
Angularjs为ng-click事件传递参数
2017/06/15 Javascript
angularJs中$http获取后台数据的实例讲解
2018/08/08 Javascript
用vscode开发vue应用的方法步骤
2019/05/06 Javascript
Vue项目打包编译优化方案
2020/09/16 Javascript
详解webpack的clean-webpack-plugin插件报错
2020/10/16 Javascript
Python中atexit模块的基本使用示例
2015/07/08 Python
asyncio 的 coroutine对象 与 Future对象使用指南
2016/09/11 Python
Python字符串拼接六种方法介绍
2017/12/18 Python
利用Python如何批量更新服务器文件
2018/07/29 Python
python保存二维数组到txt文件中的方法
2018/11/15 Python
一篇文章了解Python中常见的序列化操作
2019/06/20 Python
Python识别快递条形码及Tesseract-OCR使用详解
2019/07/15 Python
python实现遍历文件夹图片并重命名
2020/03/23 Python
解决django的template中如果无法引用MEDIA_URL问题
2020/04/07 Python
Python bisect模块原理及常见实例
2020/06/17 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
45个非常奇妙的CSS3 特性应用示例
2012/01/01 HTML / CSS
amazeui页面分析之登录页面的示例代码
2020/08/25 HTML / CSS
Clearly新西兰:购买眼镜、太阳镜和隐形眼镜
2018/04/26 全球购物
艺术节主持词
2014/04/02 职场文书
2015年“世界无车日”活动方案
2015/05/06 职场文书
「睡美人」爱洛公主粘土人开订
2022/03/22 日漫