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 相关文章推荐
将函数的实际参数转换成数组的方法
Jan 25 Javascript
关于javascript function对象那些迷惑分析
Oct 24 Javascript
js indexOf()定义和用法
Oct 21 Javascript
from表单多个按钮提交用onclick跳转不同action
Apr 24 Javascript
JavaScript基础函数整理汇总
Jan 30 Javascript
jQuery实现折叠、展开的菜单组效果代码
Sep 16 Javascript
JavaScript原生对象常用方法总结(推荐)
May 13 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
Apr 20 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
Jun 24 Javascript
JS获取月的第几周和年的第几周实例代码
Dec 05 Javascript
js实现json数组分组合并操作示例
Feb 12 Javascript
原生js实现密码强度验证功能
Mar 18 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
Linux环境下搭建php开发环境的操作步骤
2013/06/17 PHP
浅析php fwrite写入txt文件的时候用 \r\n不能换行的问题
2013/08/06 PHP
ThinkPHP中处理表单中的注意事项
2014/11/22 PHP
Smarty分页实现方法完整实例
2016/05/11 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
jQuery 源码分析笔记(7) Queue
2011/06/19 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
2013/05/17 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
2015/05/19 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
2015/11/30 Javascript
Bootstrap实现弹性搜索框
2016/07/11 Javascript
JS获取一个未知DIV高度的方法
2016/08/09 Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
2016/11/09 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
2016/12/16 Javascript
Angular如何引入第三方库的方法详解
2017/07/13 Javascript
vue动态删除从数据库倒入列表的某一条方法
2018/09/29 Javascript
使用axios请求时,发送formData请求的示例
2019/10/29 Javascript
vue打包npm run build时候界面报错的解决
2020/08/13 Javascript
解决vue init webpack 下载依赖卡住不动的问题
2020/11/09 Javascript
python中实现迭代器(iterator)的方法示例
2017/01/19 Python
python机器学习理论与实战(二)决策树
2018/01/19 Python
Python基于Floyd算法求解最短路径距离问题实例详解
2018/05/16 Python
python删除列表元素的三种方法(remove,pop,del)
2019/07/22 Python
Python中url标签使用知识点总结
2020/01/16 Python
python Protobuf定义消息类型知识点讲解
2021/03/02 Python
HTML5实践-图片设置成灰度图
2012/11/12 HTML / CSS
MCM英国官网:奢侈皮具制品
2017/04/18 全球购物
方正Java笔试题
2014/07/03 面试题
入党申请人的自我鉴定
2013/12/01 职场文书
党员批评与自我批评发言
2014/10/02 职场文书
精神文明建设先进个人事迹材料
2014/12/24 职场文书
关于颐和园的导游词
2015/01/30 职场文书
人事任命通知书
2015/04/21 职场文书
摘录式读书笔记
2015/07/01 职场文书
导游词之徐州云龙湖
2019/11/19 职场文书
mysql字符串截取函数小结
2021/04/05 MySQL