原生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 相关文章推荐
不用MOUSEMOVE也能滑动啊
May 23 Javascript
JQuery下的Live方法和$.browser方法使用代码
Jun 02 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
Jan 13 Javascript
ExtJS如何设置与获取radio控件的选取状态
Jan 22 Javascript
写给小白的JavaScript引擎指南
Dec 04 Javascript
JS中的eval 为什么加括号
Apr 13 Javascript
jQuery.form插件的使用及跨域异步上传文件
Apr 27 Javascript
javascript的document中的动态添加标签实现方法
Oct 24 Javascript
vue项目中应用ueditor自定义上传按钮功能
Apr 27 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
Jul 07 Javascript
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
Angular实现svg和png图片下载实现
May 05 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为SHOPEX增加日志功能代码
2010/07/02 PHP
PHP实现上传多图即时显示与即时删除的方法
2017/05/09 PHP
用PHP去掉文件头的Unicode签名(BOM)方法
2017/06/22 PHP
PHPstorm快捷键(分享)
2017/07/17 PHP
详解阿里云视频直播PHP-SDK接入教程
2020/07/09 PHP
深入解析jQuery中Deferred的deferred.promise()方法
2016/05/03 Javascript
玩转JavaScript OOP - 类的实现详解
2016/06/08 Javascript
Node.js编写CLI的实例详解
2017/05/17 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
2017/09/01 Javascript
Node 模块原理与用法详解
2020/05/13 Javascript
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
[04:10]2018年度CS GO玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
Python采集猫眼两万条数据 对《无名之辈》影评进行分析
2018/12/05 Python
python获取url的返回信息方法
2018/12/17 Python
python对Excel按条件进行内容补充(推荐)
2019/11/24 Python
python对象销毁实例(垃圾回收)
2020/01/16 Python
安装并免费使用Pycharm专业版(学生/教师)
2020/09/24 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
HTML5 解决苹果手机不能自动播放音乐问题
2017/12/27 HTML / CSS
浅析HTML5:'data-'属性的作用
2018/01/23 HTML / CSS
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
荷兰网上买鞋:MooieSchoenen.nl
2017/09/12 全球购物
英国Office鞋店德国网站:在线购买鞋子、靴子和运动鞋
2018/12/19 全球购物
.NET面试题:什么是反射
2016/09/30 面试题
什么是lambda函数
2013/09/17 面试题
电子商务自荐书范文
2014/01/04 职场文书
秦兵马俑教学反思
2014/02/07 职场文书
2014年健康教育实施方案
2014/02/17 职场文书
《画风》教学反思
2014/04/16 职场文书
婚前保证书范文
2015/02/28 职场文书
英语演讲开场白
2015/05/29 职场文书
创业计划书之面包店
2019/09/12 职场文书
2019年农民幸福观调查的实践感悟
2019/12/19 职场文书
小程序后台PHP版本部署运行 LNMP+WNMP
2021/04/01 Servers
HTML+CSS+JS实现图片的瀑布流布局的示例代码
2021/04/22 HTML / CSS
Vue CLI中模式与环境变量的深入详解
2021/05/30 Vue.js