原生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 相关文章推荐
用ADODB.Stream转换
Jan 22 Javascript
js防止表单重复提交实现代码
Sep 05 Javascript
解析jQuery与其它js(Prototype)库兼容共存
Jul 04 Javascript
JS检测图片大小的实例
Aug 21 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
浅析JavaScript动画模拟拖拽原理
Dec 09 Javascript
JS实现的DIV块来回滚动效果示例
Feb 07 Javascript
JS实现颜色动态淡化效果
Mar 06 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
Mar 23 Javascript
微信小程序picker组件下拉框选择input输入框的实例
Sep 20 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
Feb 17 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 UTF-8、Unicode和BOM问题
2010/05/18 PHP
PHP stripos()函数及注意事项的分析
2013/06/08 PHP
php自定义apk安装包实例
2014/10/20 PHP
Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 2611816 bytes)
2014/11/08 PHP
js快速排序的实现代码
2013/12/08 Javascript
JavaScript实现的使用键盘控制人物走动实例
2014/08/27 Javascript
微信小程序教程系列之视图层的条件渲染(10)
2017/04/19 Javascript
使用yeoman构建angular应用的方法
2017/08/14 Javascript
jQuery ajax调用webservice注意事项
2017/10/08 jQuery
微信小程序-getUserInfo回调的实例详解
2017/10/27 Javascript
如何利用vue实现波谱拟合详解
2020/11/05 Javascript
[08:44]和酒神一起战斗 DOTA2教你做大人
2014/03/27 DOTA
在win和Linux系统中python命令行运行的不同
2016/07/03 Python
Python计时相关操作详解【time,datetime】
2017/05/26 Python
Python对象类型及其运算方法(详解)
2017/07/05 Python
itchat接口使用示例
2017/10/23 Python
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
Python根据当前日期取去年同星期日期
2019/04/14 Python
利用anaconda作为python的依赖库管理方法
2019/08/13 Python
django2.2安装错误最全的解决方案(小结)
2019/09/24 Python
python统计字符串中字母出现次数代码实例
2020/03/02 Python
tensorflow图像裁剪进行数据增强操作
2020/06/30 Python
python日志通过不同的等级打印不同的颜色(示例代码)
2021/01/13 Python
馥蕾诗美国官网:Fresh美国
2019/10/09 全球购物
init进程的作用
2012/04/12 面试题
白酒市场开发计划书
2014/01/09 职场文书
纺织工程专业个人求职信范文
2014/01/27 职场文书
家长给小学生的评语
2014/01/30 职场文书
幼儿园门卫岗位职责范本
2014/07/02 职场文书
助残日活动总结
2014/08/27 职场文书
物流专业专科生职业生涯规划书
2014/09/14 职场文书
研究生毕业论文导师评语
2014/12/31 职场文书
部门经理迟到检讨书
2015/02/16 职场文书
出国留学英文自荐信
2015/03/25 职场文书
2015年社区居委会工作总结
2015/05/18 职场文书
MySQL数据库压缩版本安装与配置详细教程
2021/05/21 MySQL