js获取checkbox复选框选中的选项实例


Posted in Javascript onAugust 24, 2014

有关javascript 获取checkbox复选框的实例数不胜数。
js实现:

var form = document.getElementById("form2");

var field = form.elements["test2"];
var option = Dining.getSelectedOption(form, field);
var message = "";
for (var i = 0, len = option.length; i < len; i++) {
message += "Select id:" + option[i].id + "\nSelected name:" + option[i].name + "\nSelected value:" + option[i].value + "\n\n";
}
alert(message);
/*获取选中的选项*/
getSelectedOption: function (selectform, selectionfield) {
var result = [];
var option = null;
for (var i = 0; i < selectionfield.length; i++) {
option = selectionfield[i];
if (option.checked) {
result.push(option);
} 3water.com

}
return result;

}
<form id='form2'>

<label>排序:</label><input id='aaaaa' type='checkbox' name='test2' value='1'>

<label for='aaaaa'>月销量</label><input id='bbbbb' type='checkbox' name='test2' value='2'>

<label for='bbbbb'>评分</label><input id='ccccc' type='checkbox' name='test2' value='3'>

<label for='ccccc'>优惠</label> <br style='clear:both'><label>分类:</label><input id='ddddd' type='checkbox' name='test2' value='4'>

<label for='ddddd'>商务套餐</label><input id='eeeee' type='checkbox' name='test2' value='5'>

<label for='eeeee'>凉菜</label><input id='fffff' type='checkbox' name='test2' value='6'>

</form>",
Javascript 相关文章推荐
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
Nov 11 Javascript
jquery 实现表单验证功能代码(简洁)
Jul 03 Javascript
JavaScript获取当前页面上的指定对象示例代码
Feb 28 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
Jul 17 Javascript
Javascript刷新窗口方法小结
Oct 21 Javascript
跟我学习javascript的var预解析与函数声明提升
Nov 16 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
Mar 03 Javascript
微信小程序教程系列之视图层的条件渲染(10)
Apr 19 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
Feb 10 Javascript
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
微信小程序实现点击图片旋转180度并且弹出下拉列表
Nov 27 Javascript
Javascript柯里化实现原理及作用解析
Oct 22 Javascript
jQuery异步加载数据并添加事件示例
Aug 24 #Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 #Javascript
Jquery中扩展方法extend使用技巧
Aug 24 #Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 #Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
Aug 24 #Javascript
js delete 用法(删除对象属性及变量)
Aug 24 #Javascript
JQuery实现动态表格点击按钮表格增加一行
Aug 24 #Javascript
You might like
PHP使用逆波兰式计算工资的方法
2015/07/29 PHP
WordPress迁移时一些常见问题的解决方法整理
2015/11/24 PHP
用JS实现一个TreeMenu效果分享
2011/08/28 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
2013/10/18 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
jQuery异步验证用户名是否存在示例代码
2014/05/21 Javascript
javascript实现链接单选效果的方法
2015/05/13 Javascript
JavaScript实现获得所有兄弟节点的方法
2015/07/23 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
2016/01/22 Javascript
微信小程序 列表的上拉加载和下拉刷新的实现
2017/04/01 Javascript
js实现简易聊天对话框
2017/08/17 Javascript
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
小程序异步问题之多个网络请求依次执行并依次收集请求结果
2019/05/05 Javascript
vue项目添加多页面配置的步骤详解
2019/05/22 Javascript
vue中利用iscroll.js解决pc端滚动问题
2020/02/15 Javascript
JavaScript读取本地文件常用方法流程解析
2020/10/12 Javascript
vue el-upload上传文件的示例代码
2020/12/21 Vue.js
[42:06]2019国际邀请赛全明星赛 8.23
2019/09/05 DOTA
python在ubuntu中的几种安装方法(小结)
2017/12/08 Python
基于python绘制科赫雪花
2018/06/22 Python
Python闭包思想与用法浅析
2018/12/27 Python
python3 mmh3安装及使用方法
2019/10/09 Python
python GUI编程(Tkinter) 创建子窗口及在窗口上用图片绘图实例
2020/03/04 Python
基于 HTML5 WebGL 实现的医疗物流系统
2019/10/08 HTML / CSS
英国领先的隐形眼镜在线供应商:Lenstore.co.uk
2019/11/24 全球购物
畜牧兽医本科生个人的自我评价
2013/10/11 职场文书
经贸日语毕业生自荐信
2013/11/03 职场文书
数控个人求职信范文
2014/02/03 职场文书
保护环境标语
2014/06/09 职场文书
建筑工地文明标语
2014/10/09 职场文书
2016自主招生教师推荐信范文
2015/03/23 职场文书
SqlServer 垂直分表(减少程序改动)
2021/04/16 SQL Server
Golang: 内建容器的用法
2021/05/05 Golang
pycharm 如何查看某一函数源码的快捷键
2021/05/12 Python
如何使用Tkinter进行窗口的管理与设置
2021/06/30 Python
python代码实现备忘录案例讲解
2021/07/26 Python