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 相关文章推荐
JS控件的生命周期介绍
Oct 22 Javascript
鼠标焦点离开文本框时验证的js代码
Jul 19 Javascript
node.js中的fs.link方法使用说明
Dec 15 Javascript
JS动画效果打开、关闭层的实现方法
May 09 Javascript
基于canvas实现的钟摆效果完整实例
Jan 26 Javascript
BootStrap实现树形目录组件代码详解
Jun 21 Javascript
angular.js之路由的选择方法
Sep 24 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
Dec 01 Javascript
微信小程序 scroll-view实现锚点滑动的示例
Dec 06 Javascript
JavaScript惰性载入函数实例分析
Mar 27 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
Jul 05 Javascript
element中el-container容器与div布局区分详解
May 13 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预定义变量分析
2019/06/25 PHP
JavaScript 对Cookie 操作的封装小结
2009/12/31 Javascript
Prototype源码浅析 Number部分
2012/01/16 Javascript
JQuery设置文本框和密码框得到焦点时的样式
2013/08/30 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
2014/08/08 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
2015/03/11 Javascript
在JavaScript的正则表达式中使用exec()方法
2015/06/16 Javascript
js闭包所用的场合以及优缺点分析
2015/06/22 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
2016/02/12 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
2016/12/23 Javascript
jquery实现转盘抽奖功能
2017/01/06 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
node.js事件轮询机制原理知识点
2019/12/22 Javascript
谈谈JavaScript中的函数
2020/09/08 Javascript
[35:44]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG
2014/05/26 DOTA
[08:56]DOTA2-DPC中国联赛2月23日Recap集锦
2021/03/11 DOTA
Python的CGIHTTPServer交互实现详解
2018/02/08 Python
pandas DataFrame数据转为list的方法
2018/04/11 Python
python3连接MySQL数据库实例详解
2018/05/24 Python
Python中偏函数用法示例
2018/06/07 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
关于python多重赋值的小问题
2019/04/17 Python
Python解压 rar、zip、tar文件的方法
2019/11/19 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
详解PyQt5中textBrowser显示print语句输出的简单方法
2020/08/07 Python
无需压缩软件,用python帮你操作压缩包
2020/08/17 Python
Python+pyftpdlib实现局域网文件互传
2020/08/24 Python
英国户外玩具儿童游乐设备网站:TP Toys(蹦床、攀爬框架、秋千、滑梯和游戏屋)
2018/04/09 全球购物
STAUD官方网站:洛杉矶独有的闲适风格
2019/04/11 全球购物
工作自荐信
2013/12/11 职场文书
十佳教师事迹材料
2014/01/11 职场文书
年度考核自我鉴定
2014/03/19 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
房租涨价通知
2015/04/23 职场文书
大学生先进个人主要事迹材料
2015/11/04 职场文书
公文写作:教你写“建议书”
2019/05/07 职场文书