原生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 相关文章推荐
javascript下4个跨浏览器必备的函数
Mar 07 Javascript
JavaScript中__proto__与prototype的关系深入理解
Dec 04 Javascript
js实现同一页面多个不同运动效果的方法
Apr 10 Javascript
简单实现限制uploadify上传个数
Nov 16 Javascript
JS面向对象编程详解
Mar 06 Javascript
JavaScript实现鼠标点击导航栏变色特效
Feb 08 Javascript
微信小程序 获取javascript 里的数据
Aug 17 Javascript
解决Angular4项目部署到服务器上刷新404的问题
Aug 31 Javascript
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
vue router动态路由设置参数可选问题
Aug 21 Javascript
angular中的post请求处理示例详解
Jun 30 Javascript
vue下载二进制流图片操作
Oct 26 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 引用是个坏习惯
2010/03/12 PHP
用PHP编写和读取XML的几种方式
2013/01/12 PHP
PHP中返回引用类型的方法
2015/04/03 PHP
php实现的debug log日志操作类实例
2016/07/12 PHP
php实现网页端验证码功能
2017/07/11 PHP
thinkphp5.1框架中容器(Container)和门面(Facade)的实现方法分析
2019/08/05 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2006/11/24 Javascript
原生js写的放大镜效果
2012/08/22 Javascript
js 绑定键盘鼠标事件示例代码
2014/02/12 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
javascript中setInterval的用法
2015/07/19 Javascript
BootStrap3中模态对话框的使用
2017/01/06 Javascript
原生js实现新闻列表展开/收起全文功能
2017/01/20 Javascript
原生js实现倒计时--2018
2017/02/21 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
2017/03/24 jQuery
ES6新特性之字符串的扩展实例分析
2017/04/01 Javascript
JAVA中截取字符串substring用法详解
2017/04/14 Javascript
Express系列之multer上传的使用
2017/10/27 Javascript
Vue2.0设置全局样式(less/sass和css)
2017/11/18 Javascript
详解JS数值Number类型
2018/02/07 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
javascript function(函数类型)使用与注意事项小结
2019/06/10 Javascript
Vue切换div显示隐藏,多选,单选代码解析
2020/07/14 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
2020/12/11 Vue.js
js删除对象中的某一个字段的方法实现
2021/01/11 Javascript
解决python写的windows服务不能启动的问题
2014/04/15 Python
简单实现Python爬取网络图片
2018/04/01 Python
OPENCV去除小连通区域,去除孔洞的实例讲解
2018/06/21 Python
Python使用Shelve保存对象方法总结
2019/01/28 Python
解决pycharm修改代码后第一次运行不生效的问题
2021/02/06 Python
CSS3中使用RGBa来调节透明度的教程
2016/05/09 HTML / CSS
澳大利亚手袋、珠宝和在线时尚精品店:The Way
2019/12/21 全球购物
怎样客观的做好自我评价
2013/12/28 职场文书
正科级干部考察材料
2014/05/29 职场文书
幼儿园教师师德师风演讲稿:我自豪我是一名幼师
2014/09/10 职场文书
Nginx代理同域名前后端分离项目的完整步骤
2021/03/31 Servers