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 得到文件后缀(通过正则实现)
Jul 08 Javascript
jquery操作checkbox实现全选和取消全选
May 02 Javascript
jQuery插件ajaxfileupload.js实现上传文件
Oct 23 Javascript
javascript url几种编码方式详解
Jun 06 Javascript
微信小程序 网络请求(post请求,get请求)
Jan 17 Javascript
JS实现两周内自动登录功能
Mar 23 Javascript
jquery easyui如何实现格式化列
Jul 30 jQuery
JavaScript实现省市联动过程中bug的解决方法
Dec 04 Javascript
axios+Vue实现上传文件显示进度功能
Apr 14 Javascript
js+html实现周岁年龄计算器
Jun 25 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
Jul 29 Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 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的五种设计模式
2012/09/05 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
PHP安全的URL字符串base64编码和解码
2014/06/19 PHP
php实现检查文章是否被百度收录
2015/01/27 PHP
PHP5.3新特性小结
2016/02/14 PHP
PHP编程获取音频文件时长的方法【基于getid3类】
2017/04/20 PHP
javascript 多种搜索引擎集成的页面实现代码
2010/01/02 Javascript
获取表单控件原始(初始)值的方法
2013/08/21 Javascript
同域jQuery(跨)iframe操作DOM(实例讲解)
2013/12/19 Javascript
JavaScript调试技巧之console.log()详解
2014/03/19 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
jquery插件qrcode在线生成二维码
2015/04/26 Javascript
javascript无刷新评论实现方法
2015/05/13 Javascript
JavaScript  cookie 跨域访问之广告推广
2016/04/20 Javascript
BootStrap3中模态对话框的使用
2017/01/06 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
2018/06/14 Javascript
在layui tab控件中载入外部html页面的方法
2019/09/04 Javascript
[48:37]EG vs OG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python开发的单词频率统计工具wordsworth使用方法
2014/06/25 Python
搞笑的程序猿:看看你是哪种Python程序员
2015/06/12 Python
Python用list或dict字段模式读取文件的方法
2017/01/10 Python
pyenv命令管理多个Python版本
2017/03/26 Python
python实时分析日志的一个小脚本分享
2017/05/07 Python
python自动化报告的输出用例详解
2018/05/30 Python
Python3爬虫学习入门教程
2018/12/11 Python
基于pytorch的保存和加载模型参数的方法
2019/08/17 Python
Python pygame绘制文字制作滚动文字过程解析
2019/12/12 Python
Python %r和%s区别代码实例解析
2020/04/03 Python
从零开始的TensorFlow+VScode开发环境搭建的步骤(图文)
2020/08/31 Python
客服专员岗位职责范本
2013/11/29 职场文书
成人继续教育实施方案
2014/03/01 职场文书
市场营销专业应届生自荐信
2014/06/19 职场文书
MySQL数据库压缩版本安装与配置详细教程
2021/05/21 MySQL
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL
Nginx报错104:Connection reset by peer问题的解决及分析
2022/07/23 Servers