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 相关文章推荐
IE和firefox浏览器的event事件兼容性汇总
Dec 06 Javascript
HTML node相关的一些资料整理
Jan 01 Javascript
js 创建快捷方式的代码(fso)
Nov 19 Javascript
2010年最佳jQuery插件整理
Dec 06 Javascript
javascript/jquery获取地址栏url参数的方法
Mar 05 Javascript
javascript查询字符串参数的方法
Jan 28 Javascript
解决jquery实现的radio重新选中的问题
Jul 03 Javascript
JS获取鼠标坐标位置实例分析
Jan 20 Javascript
如何消除inline-block属性带来的标签间间隙
Mar 31 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
May 18 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
May 29 Javascript
Vue数据双向绑定底层实现原理
Nov 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.MVC的模板标签系统(三)
2006/09/05 PHP
PHP中extract()函数的定义和用法
2012/08/17 PHP
Drupal7连接多个数据库及常见问题解决
2014/03/02 PHP
面向对象的javascript(笔记)
2009/10/06 Javascript
jquery中插件实现自动添加用户的具体代码
2013/11/15 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
2014/04/02 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
2015/08/21 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
JS原型对象的创建方法详解
2016/06/16 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
2016/11/29 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
2016/11/30 Javascript
AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
2016/12/14 Javascript
AngularJS控制器controller给模型数据赋初始值的方法
2017/01/04 Javascript
解决layui中table异步数据请求不支持自定义返回数据格式的问题
2018/08/19 Javascript
javascript中一些奇葩的日期换算方法总结
2018/11/14 Javascript
Layui弹出层 加载 做编辑页面的方法
2019/09/16 Javascript
vue视频播放暂停代码
2019/11/08 Javascript
Node.js API详解之 string_decoder用法实例分析
2020/04/29 Javascript
使用PDB模式调试Python程序介绍
2015/04/05 Python
使用Python操作MySQL的一些基本方法
2015/08/16 Python
Python的Flask框架的简介和安装方法
2015/11/13 Python
Python文件与文件夹常见基本操作总结
2016/09/19 Python
python编程培训 python培训靠谱吗
2018/01/17 Python
pandas计数 value_counts()的使用
2019/06/24 Python
python3的UnicodeDecodeError解决方法
2019/12/20 Python
在Pytorch中计算卷积方法的区别详解(conv2d的区别)
2020/01/03 Python
Django获取model中的字段名和字段的verbose_name方式
2020/05/19 Python
video.js支持m3u8格式直播的实现示例
2020/05/20 HTML / CSS
美国高端牛仔品牌:Silver Jeans
2019/12/12 全球购物
社区班子个人对照检查材料思想汇报
2014/10/07 职场文书
大学毕业谢师宴致辞
2015/07/27 职场文书
《搭石》教学反思
2016/02/18 职场文书
使用vue-element-admin框架从后端动态获取菜单功能的实现
2021/04/29 Vue.js
JavaScript中的宏任务和微任务详情
2021/11/27 Javascript
各国货币符号大全
2022/02/17 杂记
Python可视化神器pyecharts之绘制地理图表练习
2022/07/07 Python