原生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 相关文章推荐
wordpress之js库集合研究介绍
Aug 17 Javascript
JavaScript 事件冒泡简介及应用
Jan 11 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
Mar 03 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
Nov 23 Javascript
JS中产生标识符方式的演变
Jun 12 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
Aug 11 Javascript
Node.js实现兼容IE789的文件上传进度条
Sep 02 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
Dec 16 Javascript
Vuejs在v-for中,利用index来对第一项添加class的方法
Mar 03 Javascript
vue 1.0 结合animate.css定义动画效果
Jul 11 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
Jul 03 Javascript
微信小程序全选多选效果实现代码解析
Jan 21 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连接access数据库方法
2013/11/11 PHP
一个php生成16位随机数的代码(两种方法)
2014/09/16 PHP
php连接odbc数据源并保存与查询数据的方法
2014/12/24 PHP
PHP异常处理浅析
2015/05/12 PHP
学习php设计模式 php实现状态模式
2015/12/07 PHP
[原创]php正则删除img标签的方法示例
2017/05/27 PHP
JavaScript去掉空格的方法集合
2010/12/28 Javascript
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
2011/04/06 Javascript
Jquery获得控件值的三种方法总结
2014/02/13 Javascript
使用jquery动态加载js文件的方法
2014/12/24 Javascript
node.js中的forEach()是同步还是异步呢
2015/01/29 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
2015/03/25 Javascript
jQuery实现自定义右键菜单的树状菜单效果
2015/09/02 Javascript
深入理解JavaScript单体内置对象
2016/06/06 Javascript
JS函数多个参数默认值指定方法分析
2016/11/28 Javascript
js仿微信语音播放实现思路
2016/12/12 Javascript
jquery表单验证插件validation使用方法详解
2017/01/20 Javascript
jquery与js实现全选功能的区别
2017/06/11 jQuery
vue-router传参用法详解
2019/01/19 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
2019/01/20 Javascript
Node.js实现简单的爬取的示例代码
2019/06/25 Javascript
ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析
2020/01/22 Javascript
es6数组的flat(),flatMap()函数用法实例分析
2020/04/18 Javascript
用Python输出一个杨辉三角的例子
2014/06/13 Python
详解Python异常处理中的Finally else的功能
2017/12/29 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
详解Python中第三方库Faker
2020/09/25 Python
html5中使用hotcss.js实现手机端自适配的方法
2020/04/23 HTML / CSS
香港最大的洋酒零售连锁店:屈臣氏酒窖(Watson’s Wine)
2018/12/10 全球购物
CSS代码检查工具stylelint的使用方法详解
2021/03/27 HTML / CSS
中学生自我评价范文
2015/03/03 职场文书
Python中os模块的简单使用及重命名操作
2021/04/17 Python
国际最新研究在陨石中发现DNA主要成分 或由陨石带来地球
2022/04/29 数码科技
MySQL如何修改字段类型和字段长度
2022/06/10 MySQL
Spring Cloud OAuth2实现自定义token返回格式
2022/06/25 Java/Android