原生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 对Select的操作备忘记录
Jul 04 Javascript
js数组操作学习总结
Nov 04 Javascript
ExtJS4如何给同一个formpanel不同的url
May 02 Javascript
jQuery表格列宽可拖拽改变且兼容firfox
Sep 03 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
Aug 17 Javascript
AngularJS中的指令全面解析(必看)
May 20 Javascript
JavaScript“尽快失败”的原则实例详解
Oct 08 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
Nov 21 Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
Nov 14 Javascript
原生js实现获取form表单数据代码实例
Mar 27 Javascript
mui js控制开关状态、修改switch开关的值方法
Sep 03 Javascript
简单聊聊Vue中的计算属性和属性侦听
Oct 05 Vue.js
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的FTP学习(二)
2006/10/09 PHP
通用PHP动态生成静态HTML网页的代码
2010/03/04 PHP
PHP实现的博客欢迎提示功能(很特别哦)
2014/06/05 PHP
php实现的九九乘法口诀表简洁版
2014/07/28 PHP
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
js判断ie版本号的简单实现代码
2014/03/05 Javascript
根据当前时间在jsp页面上显示上午或下午
2014/08/18 Javascript
JavaScript数组迭代器实例分析
2015/06/09 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
2016/07/11 Javascript
微信小程序 MINA文件结构
2016/10/17 Javascript
解决ie img标签内存泄漏的问题
2017/10/13 Javascript
bootstrap3中container与container_fluid外层容器的区别讲解
2017/12/04 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
2019/09/25 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
2019/11/18 jQuery
openlayers4实现点动态扩散
2020/08/17 Javascript
vue实现移动端触屏拖拽功能
2020/08/21 Javascript
[01:11]steam端dota2实名认证操作流程视频
2021/03/11 DOTA
java直接调用python脚本的例子
2014/02/16 Python
在Django的session中使用User对象的方法
2015/07/23 Python
Python导出DBF文件到Excel的方法
2015/07/25 Python
Python读写zip压缩文件的方法
2018/08/29 Python
解读python如何实现决策树算法
2018/10/11 Python
Python paramiko 模块浅谈与SSH主要功能模拟解析
2020/02/29 Python
Python中如何引入第三方模块
2020/05/27 Python
Python单元测试及unittest框架用法实例解析
2020/07/09 Python
Django celery异步任务实现代码示例
2020/11/26 Python
Numpy中np.max的用法及np.maximum区别
2020/11/27 Python
Bibloo匈牙利:女装、男装、童装及鞋子和配饰
2019/04/14 全球购物
Carmen Sol官网:购买果冻鞋、手袋和配件
2021/01/01 全球购物
18岁生日感言
2014/01/12 职场文书
保护水资源的标语
2014/06/17 职场文书
汽车销售助理岗位职责
2015/04/14 职场文书
2015年挂职干部工作总结
2015/05/14 职场文书
2015年三好一满意工作总结
2015/07/24 职场文书
如何设置多台电脑共享打印机?多台电脑共享打印机的方法
2022/04/08 数码科技