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 相关文章推荐
JavaScript 设计模式学习 Singleton
Jul 27 Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
Dec 30 Javascript
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
Nov 14 Javascript
js DOM的学习笔记
Dec 22 Javascript
jQuery渐变发光导航菜单的实例代码
Mar 27 Javascript
将中国标准时间转换成标准格式的代码
Mar 20 Javascript
使用delegate方法为一个tr标签加一个链接
Jun 27 Javascript
jquery实现点击页面计算点击次数
Jan 23 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
Apr 17 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
Sep 28 Javascript
javascript中call,apply,bind的区别详解
Dec 11 Javascript
AJAX学习笔记
May 18 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 生成短网址原理及代码
2014/01/23 PHP
php汉字转拼音的示例
2014/02/27 PHP
YII视图整合kindeditor扩展的方法
2016/07/13 PHP
laravel5创建service provider和facade的方法详解
2016/07/26 PHP
php遍历替换目录下文件指定内容的方法
2016/11/10 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
IE本地存储userdata的一个bug说明
2010/07/01 Javascript
event.currentTarget与event.target的区别介绍
2012/12/31 Javascript
复选框全选与全不选操作实现思路
2013/08/18 Javascript
只需一行代码,轻松实现一个在线编辑器
2013/11/12 Javascript
ExtJS的拖拽效果示例
2013/12/09 Javascript
原生javascript实现图片弹窗交互效果
2015/01/12 Javascript
实例详解angularjs和ajax的结合使用
2015/10/22 Javascript
Javascript简单实现面向对象编程继承实例代码
2015/11/27 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
2016/05/28 Javascript
对于js垃圾回收机制的理解
2017/09/14 Javascript
详解Angular系列之变化检测(Change Detection)
2018/02/26 Javascript
基于axios 的responseType类型的设置方法
2019/10/29 Javascript
详解JavaScript 高阶函数
2020/09/14 Javascript
[01:19]DOTA2城市挑战赛报名开始 开启你的城市传奇
2018/03/23 DOTA
[01:10:58]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
利用QT写一个极简单的图形化Python闹钟程序
2015/04/07 Python
详解 Python 读写XML文件的实例
2017/08/02 Python
分享给Python新手们的几道简单练习题
2017/09/21 Python
python仿抖音表白神器
2019/04/08 Python
在Pandas中处理NaN值的方法
2019/06/25 Python
libreoffice python 操作word及excel文档的方法
2019/07/04 Python
英国复古皮包品牌:Beara Beara
2018/07/18 全球购物
Booking.com亚太地区:Booking.com APAC
2020/02/07 全球购物
北京华建集团SQL面试题
2014/06/03 面试题
销售工作岗位职责
2013/12/24 职场文书
酒店门卫岗位职责
2013/12/29 职场文书
消防应急演练方案
2014/02/12 职场文书
基层党支部公开承诺书
2014/05/29 职场文书
写给同事的离职感言
2015/08/04 职场文书
SQLServer权限之只开启创建表权限
2022/04/12 SQL Server