原生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 的EasyLoader功能介绍
Sep 12 Javascript
教您去掉ie网页加载进度条的方法
Dec 09 Javascript
js控制浏览器全屏示例代码
Feb 20 Javascript
JavaScript实现将UPC转换成ISBN的方法
May 26 Javascript
js+css实现文字散开重组动画特效代码分享
Aug 21 Javascript
使用RequireJS库加载JavaScript模块的实例教程
Jun 06 Javascript
AngularJS使用ng-repeat指令实现下拉框
Aug 23 Javascript
jQuery动态修改字体大小的方法【测试可用】
Sep 09 Javascript
jQuery异步提交表单的两种方式
Sep 13 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
Apr 21 Javascript
react-native使用leanclound消息推送的方法
Aug 06 Javascript
JS动态显示倒计时效果
Dec 12 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
在线增减.htpasswd内的用户
2006/10/09 PHP
php字符串截取中文截取2,单字节截取模式
2007/12/10 PHP
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
ThinkPHP3.1查询语言详解
2014/06/19 PHP
php内存缓存实现方法
2015/01/24 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
一个可以显示阴历的JS代码
2007/03/05 Javascript
jQuery 研究心得 取得属性的值
2007/11/30 Javascript
javascript 面向对象编程基础 多态
2009/08/21 Javascript
javascript时间函数基础介绍
2013/03/28 Javascript
关于删除时的提示处理(确定删除吗)
2013/11/03 Javascript
js 采用delete实现继承示例代码
2014/05/20 Javascript
JQuery实现动态添加删除评论的方法
2015/05/18 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
全面解析bootstrap格子布局
2016/05/22 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
了解VUE的render函数的使用
2017/06/08 Javascript
vue配置请求本地json数据的方法
2018/04/11 Javascript
详解extract-text-webpack-plugin 的使用及安装
2018/06/12 Javascript
其实你可以少写点if else与switch(推荐)
2019/01/10 Javascript
用Vue编写抽象组件的方法
2019/05/06 Javascript
微信小程序获取当前位置和城市名
2019/11/13 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
2019/11/14 Javascript
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
微信小程序向Java后台传输参数的方法实现
2020/12/10 Javascript
vue 使用class创建和清除水印的示例代码
2020/12/25 Vue.js
rhythmbox中文名乱码问题解决方法
2008/09/06 Python
Tensorflow简单验证码识别应用
2017/05/25 Python
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
如何运行.ipynb文件的图文讲解
2019/06/27 Python
python实现基于朴素贝叶斯的垃圾分类算法
2019/07/09 Python
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
数控技校生自我鉴定
2014/04/19 职场文书
法定代表人授权委托书格式
2014/10/14 职场文书
预备党员转正材料
2014/12/19 职场文书