javascript获取checkbox复选框获取选中的选项


Posted in Javascript onAugust 12, 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);
}

}
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 相关文章推荐
Javascript 学习书 推荐
Jun 13 Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
Aug 05 Javascript
javascript静态页面传值的三种方法分享
Nov 12 Javascript
php和js对数据库图片进行等比缩放示例
Apr 28 Javascript
Javascript玩转继承(一)
May 08 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
Aug 15 Javascript
Javascript中的迭代、归并方法详解
Jun 14 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
Jul 11 Javascript
javascript实现移动端红包雨页面
Jun 23 Javascript
javascript的hashCode函数实现代码小结
Aug 11 Javascript
angular共享依赖的解决方案分享
Oct 15 Javascript
vuex页面刷新导致数据丢失的解决方案
Dec 10 Vue.js
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
Aug 12 #Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
Aug 12 #Javascript
更快的异步执行(setTimeout多浏览器)
Aug 12 #Javascript
JavaScript Promise启示录
Aug 12 #Javascript
深入理解Javascript中this的作用域
Aug 12 #Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
Aug 12 #Javascript
JavaScript弹出窗口方法汇总
Aug 12 #Javascript
You might like
php自动适应范围的分页代码
2008/08/05 PHP
新手学习PHP的一些基础知识分享
2011/07/27 PHP
php自定义加密与解密程序实例
2014/12/31 PHP
php返回当前日期或者指定日期是周几
2015/05/21 PHP
PHP合并discuz用户脚本的方法
2015/08/04 PHP
jQuery插件开发基础简单介绍
2013/01/07 Javascript
将字符串转换成gb2312或者utf-8编码的参数(js版)
2013/04/10 Javascript
jQuery使用animate创建动画用法实例
2015/08/07 Javascript
jQuery下拉框的简单应用
2016/06/24 Javascript
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例
2016/08/03 Javascript
jQuery实现的表格展开伸缩效果实例
2016/09/07 Javascript
jquery获取easyui日期控件的值实现方法
2016/11/09 Javascript
js实现图片切换(动画版)
2016/12/25 Javascript
jQuery实现一个简单的验证码功能
2017/06/26 jQuery
node thread.sleep实现示例
2018/06/20 Javascript
详解Vue用cmd创建项目
2019/02/12 Javascript
关于Vue源码vm.$watch()内部原理详解
2019/04/26 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
2020/04/28 Javascript
详解JavaScript的this指向和绑定
2020/09/08 Javascript
[06:24]DOTA2 2015国际邀请赛中国区预选赛第二日TOP10
2015/05/27 DOTA
[15:20]DOTA2亚洲邀请赛总决赛开幕式表演:羽泉献唱
2017/04/05 DOTA
详解python opencv、scikit-image和PIL图像处理库比较
2019/12/26 Python
keras 获取某层输出 获取复用层的多次输出实例
2020/05/23 Python
Spartoo英国:欧洲最大的网上鞋店
2016/09/13 全球购物
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
写好自荐信要注意的问题
2013/11/10 职场文书
青年志愿者先进事迹
2014/05/06 职场文书
企业环保标语
2014/06/10 职场文书
四风问题对照检查材料思想汇报
2014/10/07 职场文书
关于安全的广播稿
2014/10/23 职场文书
行政上诉状范文
2015/05/23 职场文书
2015秋季开学典礼致辞
2015/07/16 职场文书
2016年公司新年寄语
2015/08/17 职场文书
小学运动会入场口号
2015/12/24 职场文书
2016领导干部廉洁从政心得体会
2016/01/19 职场文书
MySQL 原理优化之Group By的优化技巧
2022/08/14 MySQL