原生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 获取HTML DOM节点元素的方法小结
Apr 24 Javascript
基于原生js淡入淡出函数封装(兼容IE)
Oct 20 Javascript
canvas实现流星雨的背景效果
Jan 13 Javascript
jQuery实现上传图片前预览效果功能
Aug 03 jQuery
微信小程序倒计时功能实现代码
Nov 09 Javascript
JavaScript canvas实现围绕旋转动画
Nov 18 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
Vue路由之JWT身份认证的实现方法
Aug 26 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
Nov 14 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 04 Javascript
Vue初始化中的选项合并之initInternalComponent详解
Jun 11 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
人尽可用的Windows技巧小贴士之下篇
2007/03/22 PHP
joomla数据库操作示例代码
2016/01/06 PHP
全面解析PHP面向对象的三大特征
2017/06/10 PHP
Laravel框架中自定义模板指令总结
2017/12/17 PHP
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
2010/06/11 Javascript
一个报数游戏js版(约瑟夫环问题)
2010/08/05 Javascript
Jquery 切换不同图片示例代码
2013/12/05 Javascript
js解析json读取List中的实体对象示例
2014/03/11 Javascript
Javascript正则控制文本框只能输入整数或浮点数
2014/09/02 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
2015/03/13 Javascript
使用AngularJS对路由进行安全性处理的方法
2015/06/18 Javascript
jquery实现触发时更新下拉列表内容的方法
2015/12/02 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
2016/08/29 Javascript
原生JavaScript制作计算器
2016/10/16 Javascript
利用JS实现页面删除并重新排序功能
2016/12/09 Javascript
浅谈JavaScript的自动垃圾收集机制
2016/12/15 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
2017/07/24 Javascript
vue-resouce设置请求头的三种方法
2017/09/12 Javascript
仿vue-cli搭建属于自己的脚手架的方法步骤
2019/04/17 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
2020/03/07 Javascript
打印出python 当前全局变量和入口参数的所有属性
2009/07/01 Python
python实现比较两段文本不同之处的方法
2015/05/30 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
python 列表,数组,矩阵两两转换tolist()的实例
2018/04/04 Python
Python实现求解一元二次方程的方法示例
2018/06/20 Python
python 统计数组中元素出现次数并进行排序的实例
2018/07/02 Python
Python实现去除列表中重复元素的方法总结【7种方法】
2019/02/16 Python
python openpyxl使用方法详解
2019/07/18 Python
Python拼接字符串的7种方式详解
2020/03/19 Python
使用Pycharm分段执行代码
2020/04/15 Python
雷蛇美国官网:Razer
2020/04/03 全球购物
社保代办委托书怎么写
2014/10/06 职场文书
党的群众路线教育实践活动心得体会(企业)
2014/11/03 职场文书
教师求职信怎么写
2015/03/20 职场文书
死亡诗社观后感
2015/06/05 职场文书
写给医护人员的一封感谢信
2019/09/16 职场文书