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 相关文章推荐
根据分辨率不同,调用不同的css文件
Aug 25 Javascript
js 获取input点选按钮的值的方法
Apr 14 Javascript
jquery JSON的解析方式示例介绍
Jul 27 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
Oct 17 Javascript
JavaScript中toString()方法的使用详解
Jun 05 Javascript
JavaScript实现邮箱地址自动匹配功能代码
Nov 28 Javascript
React diff算法的实现示例
Apr 20 Javascript
Express本地测试HTTPS的示例代码
Jun 06 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
Jul 08 Javascript
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
Aug 17 Javascript
详解vue 兼容IE报错解决方案
Dec 29 Javascript
react native 原生模块桥接的简单说明小结
Feb 26 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
德生PL330测评
2021/03/02 无线电
用mysql触发器自动更新memcache的实现代码
2009/10/11 PHP
简单的php新闻发布系统教程
2014/05/09 PHP
简单解析PHP程序的运行流程
2016/06/23 PHP
读jQuery之五(取DOM元素)
2011/06/20 Javascript
JS操作JSON要领详细总结
2013/08/25 Javascript
js加密解密字符串可自定义密码因子
2014/05/13 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
2014/11/10 Javascript
javascript实现的字符串与十六进制表示字符串相互转换方法
2015/07/17 Javascript
基于replaceChild制作简单的吞噬特效
2015/09/21 Javascript
scroll事件实现监控滚动条并分页显示(zepto.js)
2016/12/18 Javascript
tab栏切换原理
2017/03/22 Javascript
jQuery插件DataTables分页开发心得体会
2017/08/22 jQuery
JS实现网页抢购功能(触发,终止脚本)
2017/11/27 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
2020/06/11 Javascript
Vue-cli打包后如何本地查看的操作
2020/09/02 Javascript
理解Python垃圾回收机制
2016/02/12 Python
Python实现对一个函数应用多个装饰器的方法示例
2018/02/09 Python
python如何修改装饰器中参数
2018/03/20 Python
Python socket实现的文件下载器功能示例
2019/11/15 Python
python中的socket实现ftp客户端和服务器收发文件及md5加密文件
2020/04/01 Python
Python使用Numpy模块读取文件并绘制图片
2020/05/13 Python
解决Ubuntu18中的pycharm不能调用tensorflow-gpu的问题
2020/09/17 Python
CSS3实战第一波 让我们尽情的圆角吧
2010/08/27 HTML / CSS
Giuseppe Zanotti美国官方网站:将鞋履视为高级时装般精心制作
2018/02/06 全球购物
雷曼兄弟的五金店:Lehman’s Hardware Store
2019/04/10 全球购物
瑞士隐形眼镜和护理产品网上商店:Linsenklick
2019/10/21 全球购物
优秀班干部事迹材料
2014/01/26 职场文书
倡议书格式
2014/08/30 职场文书
2014年前台接待工作总结
2014/12/05 职场文书
2014幼儿园教育教学工作总结
2014/12/17 职场文书
男方婚礼答谢词
2015/01/20 职场文书
2016年乡镇综治宣传月活动总结
2016/03/16 职场文书
浅析InnoDB索引结构
2021/04/05 MySQL
在 Python 中利用 Pool 进行多线程
2022/04/24 Python
shell进度条追踪指令执行时间的场景分析
2022/06/16 Servers