原生JS实现表单checkbook获取已选择的值


Posted in Javascript onJuly 21, 2013

从一个表单checkbox获取到已选中的数据值:

<input type="checkbox" name="cb" value="1" />aa 
<input type="checkbox" name="cb" value="2" />bb 
<input type="checkbox" name="cb" value="3" />cc 
<input type="checkbox" name="cb" value="4" />dd 
<br/> 
<input type="button" value="提交" onclick="checkedValues()" />

采用原生JS写法:
function checkedValues(){ 
var arr=new Array(); 
var checkbox=document.getElementByName('cb'); 
for(var i=0;i<checkbox.length();i++){ 
if(checkbox[i].checked==true){ 
arr.push(checkbox[i].value); 
alert(checkbox[i].value); 
} 
} 
}
Javascript 相关文章推荐
JS 中document.URL 和 windows.location.href 的区别
Nov 11 Javascript
五个jQuery图片画廊插件 推荐
May 12 Javascript
js数组的操作详解
Mar 27 Javascript
底部悬浮通栏可以关闭广告位的实现方法
Jun 01 Javascript
AngularJs Understanding the Controller Component
Sep 02 Javascript
jQuery如何解决IE输入框不能输入的问题
Oct 08 Javascript
jquery实现轮播图效果
Feb 13 Javascript
javascript html5轻松实现拖动功能
Mar 01 Javascript
JavaScript 判断对象中是否有某属性的常用方法
Jun 14 Javascript
vue使用echarts图表的详细方法
Oct 22 Javascript
在vue项目中引入highcharts图表的方法
Jan 21 Javascript
vuex存取值和映射函数使用说明
Jul 24 Javascript
jquery animate实现鼠标放上去显示离开隐藏效果
Jul 21 #Javascript
jquery封装的对话框简单实现
Jul 21 #Javascript
jquery触发a标签跳转事件示例代码
Jul 21 #Javascript
用JavaScript实现动画效果的方法
Jul 20 #Javascript
JavaScript实现页面实时显示当前时间的简单实例
Jul 20 #Javascript
js动态创建表格,删除行列的小例子
Jul 20 #Javascript
JavaScript中setAttribute用法介绍
Jul 20 #Javascript
You might like
PHP insert语法详解
2008/06/07 PHP
MySql 按时间段查询数据方法(实例说明)
2008/11/02 PHP
PHP开发的微信现金红包功能示例
2017/06/29 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
JavaScript对象链式操作代码(jquery)
2010/07/04 Javascript
javascript间隔刷新的简单实例
2013/11/14 Javascript
javascritp添加url参数将参数加入到url中
2014/09/25 Javascript
JavaScript 学习笔记之基础中的基础
2015/01/13 Javascript
jQuery实现动态添加tr到table的方法
2016/12/26 Javascript
JS使用插件cryptojs进行加密解密数据实例
2017/05/11 Javascript
jqueryUI tab标签页代码分享
2017/10/09 jQuery
微信、QQ、微博、Safari中使用js唤起App
2018/01/24 Javascript
javascript变量提升和闭包理解
2018/03/12 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
详解Vue template 如何支持多个根结点
2020/02/10 Javascript
微信浏览器左上角返回按钮监听的实现
2020/03/04 Javascript
[57:36]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第三场 2月1日
2021/03/11 DOTA
Python简单调用MySQL存储过程并获得返回值的方法
2015/07/20 Python
Python实现优先级队列结构的方法详解
2016/06/02 Python
浅谈Python反射 &amp; 单例模式
2019/03/21 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
Python发送邮件封装实现过程详解
2020/05/09 Python
Python如何把字典写入到CSV文件的方法示例
2020/08/23 Python
如何将json数据转换为python数据
2020/09/04 Python
python 爬虫如何正确的使用cookie
2020/10/27 Python
pip install命令安装扩展库整理
2021/03/02 Python
Foot Locker意大利官网:全球领先的运动鞋和服装零售商
2017/05/30 全球购物
美国生鲜及杂货电商:FreshDirect
2018/01/29 全球购物
可以在一个PHP文件里面include另外一个PHP文件两次吗
2015/05/22 面试题
小学教师的个人自我鉴定
2013/10/24 职场文书
十一酒店活动方案
2014/02/20 职场文书
政风行风评议工作总结
2014/10/21 职场文书
为Java项目添加Redis缓存的方法
2021/05/18 Redis
Mysql数据库索引面试题(程序员基础技能)
2021/05/31 MySQL
Python学习之迭代器详解
2022/04/01 Python
python 实现图片特效处理
2022/04/03 Python