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 相关文章推荐
JQuery slideshow的一个小问题(如何发现及解决过程)
Feb 06 Javascript
自动最大化窗口的Javascript代码
May 22 Javascript
如何使用Javascript正则表达式来格式化XML内容
Jul 04 Javascript
禁止空格提交表单的js代码
Nov 17 Javascript
Javascript与jQuery方法的隐藏与显示
Jan 19 Javascript
Javascript HTML5 Canvas实现的一个画板
Apr 12 Javascript
js控制台输出的方法(详解)
Nov 26 Javascript
JS原生轮播图的简单实现(推荐)
Jul 22 Javascript
vue在使用ECharts时的异步更新和数据加载详解
Nov 22 Javascript
vue 本地服务不能被外部IP访问的完美解决方法
Oct 29 Javascript
JavaScript设计模式之策略模式实现原理详解
May 29 Javascript
原生javascript如何实现共享onload事件
Jul 03 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
文件上传类
2006/10/09 PHP
php自定文件保存session的方法
2014/12/10 PHP
laravel5创建service provider和facade的方法详解
2016/07/26 PHP
PHP中empty,isset,is_null用法和区别
2017/02/19 PHP
php实现的生成排列算法示例
2019/07/25 PHP
Mootools 1.2教程 Fx.Tween的使用
2009/09/15 Javascript
js 弹出框 替代浏览器的弹出框
2010/10/29 Javascript
js日期相关函数总结分享
2013/10/15 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
2015/12/16 Javascript
javascript仿百度输入框提示自动下拉补全
2016/01/07 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
2016/09/28 Javascript
基于JavaScript实现百度搜索框效果
2020/06/28 Javascript
bootstrap switch开关组件使用方法详解
2017/08/22 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
2018/11/04 Javascript
Three.js实现简单3D房间布局
2018/12/30 Javascript
javascript使用substring实现的展开与收缩文字功能示例
2019/06/17 Javascript
JavaScript实现联动菜单特效
2020/01/07 Javascript
分析Python中设计模式之Decorator装饰器模式的要点
2016/03/02 Python
Python实现聊天机器人的示例代码
2018/07/09 Python
详解django中使用定时任务的方法
2018/09/27 Python
python中的decimal类型转换实例详解
2019/06/26 Python
Django REST framework 如何实现内置访问频率控制
2019/07/23 Python
Python实现CNN的多通道输入实例
2020/01/17 Python
解决jupyter notebook 出现In[*]的问题
2020/04/13 Python
文件上传服务器-jupyter 中python解压及压缩方式
2020/04/22 Python
python 引用传递和值传递详解(实参,形参)
2020/06/05 Python
波兰快递服务:Globkurier.pl
2019/11/08 全球购物
颇特女士香港官网:NET-A-PORTER香港
2021/03/08 全球购物
法学专业本科生自荐信范文
2013/12/17 职场文书
大学社团活动策划书
2014/01/26 职场文书
工程专业求职自荐书范文
2014/02/08 职场文书
卫生院健康教育实施方案
2014/06/07 职场文书
党员对照检查材料思想汇报
2014/09/16 职场文书
公路施工安全责任书
2015/05/08 职场文书
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python