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 相关文章推荐
在标题栏显示新消息提示,很多公司项目中用到这个方法
Nov 04 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
Jun 16 Javascript
详解JavaScript中getFullYear()方法的使用
Jun 10 Javascript
纯js代码实现简单计算器
Dec 02 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
Mar 25 Javascript
基于JS代码实现导航条弹出式悬浮菜单
Jun 17 Javascript
详解JS几种变量交换方式以及性能分析对比
Nov 25 Javascript
vuejs父子组件之间数据交互详解
Aug 09 Javascript
Angular实现图片裁剪工具ngImgCrop实践
Aug 17 Javascript
关于vue单文件中引用路径的处理方法
Jan 08 Javascript
如何从头实现一个node.js的koa框架
Jun 17 Javascript
原生JavaScript实现随机点名表
Jan 14 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错误抑制符(@)导致引用传参失败Bug的分析
2011/05/02 PHP
Discuz批量替换帖子内容的方法(使用SQL更新数据库)
2014/06/23 PHP
php表单敏感字符过滤类
2014/12/08 PHP
php面向对象中static静态属性和静态方法的调用
2015/02/08 PHP
PHP常用正则表达式精选(推荐)
2019/05/28 PHP
php反序列化长度变化尾部字符串逃逸(0CTF-2016-piapiapia)
2020/02/15 PHP
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
文本框水印提示效果的简单实现代码
2014/02/22 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
2016/08/19 Javascript
React实现点击删除列表中对应项
2017/01/10 Javascript
VUE使用vuex解决模块间传值问题的方法
2017/06/01 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
2017/10/27 Javascript
vue-cli初始化项目中使用less的方法
2018/08/09 Javascript
Vue的watch和computed方法的使用及区别介绍
2018/09/06 Javascript
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
2018/11/09 Javascript
微信小程序实现的点击按钮 弹出底部上拉菜单功能示例
2018/12/20 Javascript
js事件触发操作实例分析
2019/06/21 Javascript
使用JavaScript实现贪吃蛇游戏
2020/09/29 Javascript
python 简单搭建阻塞式单进程,多进程,多线程服务的实例
2017/11/01 Python
python中文分词教程之前向最大正向匹配算法详解
2017/11/02 Python
Python基于回溯法解决01背包问题实例
2017/12/06 Python
使用 Python 实现简单的 switch/case 语句的方法
2018/09/17 Python
使用numba对Python运算加速的方法
2018/10/15 Python
在Python中分别打印列表中的每一个元素方法
2018/11/07 Python
python 使用re.search()筛选后 选取部分结果的方法
2018/11/28 Python
springboot配置文件抽离 git管理统 配置中心详解
2019/09/02 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
TensorFlow通过文件名/文件夹名获取标签,并加入队列的实现
2020/02/17 Python
Python文件读写w+和r+区别解析
2020/03/26 Python
css3绘制天猫logo实现代码
2012/11/06 HTML / CSS
程序员经常用到的UNIX命令
2015/04/13 面试题
应聘美工求职信
2013/11/07 职场文书
QA工程师岗位职责
2013/11/20 职场文书
优秀共产党员先进事迹
2014/01/27 职场文书
学生会竞选演讲稿
2014/04/24 职场文书
爱岗敬业先进典型事迹材料(2016推荐版)
2016/02/26 职场文书