原生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 相关文章推荐
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
Nov 18 Javascript
JQquery的一些使用心得分享
Aug 01 Javascript
node.js中的buffer.slice方法使用说明
Dec 10 Javascript
JavaScript中的数组特性介绍
Dec 30 Javascript
原生js和jquery实现图片轮播特效
Apr 23 Javascript
深入理解JavaScript的React框架的原理
Jul 02 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
Jan 25 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
May 28 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
Mar 08 Javascript
Selenium执行Javascript脚本参数及返回值过程详解
Apr 01 Javascript
JavaScript与JQuery框架基础入门教程
Jul 15 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
东芝TOSHIBA RP-F11电路分析
2021/03/02 无线电
php 移除数组重复元素的一点说明
2008/11/27 PHP
析构函数与php的垃圾回收机制详解
2013/10/28 PHP
纯PHP生成的一个树叶图片画图例子
2014/04/16 PHP
php获取文件类型和文件信息的方法
2015/07/10 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
2017/03/15 PHP
高亮显示web页表格行的javascript代码
2010/11/19 Javascript
使用js实现一个可编辑的select下拉列表
2014/02/20 Javascript
利用原生JavaScript获取元素样式只是获取而已
2014/10/08 Javascript
一个检测表单数据的JavaScript实例
2014/10/31 Javascript
javascript实现切换td中的值
2014/12/05 Javascript
JQuery标签页效果的两个实例讲解(4)
2015/09/17 Javascript
12种JavaScript常用的MVC框架比较分析
2015/11/16 Javascript
node.js express安装及示例网站搭建方法(分享)
2016/08/22 Javascript
JavaScript 自定义事件之我见
2017/09/25 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
2018/02/09 Javascript
angularjs 缓存的使用详解
2018/03/19 Javascript
vue中引用swiper轮播插件的教程详解
2018/08/16 Javascript
JS实现数组删除指定元素功能示例
2019/06/05 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
2019/09/25 Javascript
vue 项目软键盘回车触发搜索事件
2020/09/09 Javascript
Python输出9*9乘法表的方法
2015/05/25 Python
对python中的try、except、finally 执行顺序详解
2019/02/18 Python
OpenCV-Python 摄像头实时检测人脸代码实例
2019/04/30 Python
Python两台电脑实现TCP通信的方法示例
2019/05/06 Python
如何在Python 游戏中模拟引力
2020/03/27 Python
keras 权重保存和权重载入方式
2020/05/21 Python
加拿大折扣、优惠券和交易网站:WagJag
2018/02/07 全球购物
法国房车租赁网站:Yescapa
2019/08/26 全球购物
40岁生日感言
2014/02/15 职场文书
关于安全的演讲稿
2014/05/09 职场文书
初中作文评语集锦
2014/12/25 职场文书
祝酒词范文
2015/08/12 职场文书
《认识钟表》教学反思
2016/02/16 职场文书
python实现简单的名片管理系统
2021/04/26 Python