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 相关文章推荐
正则表达式语法
Oct 09 Javascript
你可能不再需要JQUERY
Mar 09 Javascript
$.getJSON在IE下失效的原因分析及解决方法
Jun 16 Javascript
javascript文件中引用依赖的js文件的方法
Mar 17 Javascript
Javascript中常用的检测方法小结
Oct 08 Javascript
微信小程序 input输入框详解及简单实例
Jan 10 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
Jan 11 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
Jan 13 Javascript
JS 使用 window对象的print方法实现分页打印功能
May 16 Javascript
小程序跳转H5页面的方法步骤
Mar 06 Javascript
JS自定义滚动条效果
Mar 13 Javascript
vue3为什么要用proxy替代defineProperty
Oct 19 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/11/23 PHP
发布一个迷你php+AJAX聊天程序[聊天室]提供下载
2007/07/21 PHP
php UBB 解析实现代码
2011/11/27 PHP
PHP下SSL加密解密、验证、签名方法(很简单)
2020/06/28 PHP
mac下多个php版本快速切换的方法
2016/10/09 PHP
PHP从尾到头打印链表实例讲解
2018/09/27 PHP
PHP+Ajax实现的检测用户名功能简单示例
2019/02/12 PHP
JAVASCRIPT下判断IE与FF的比较简单的方式
2008/10/17 Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
2013/03/21 Javascript
正则表达式(语法篇推荐)
2016/06/24 Javascript
javascript运算符语法全面概述
2016/07/14 Javascript
ionic实现可滑动的tab选项卡切换效果
2020/04/15 Javascript
AngularJs Scope详解及示例代码
2016/09/01 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
element ui分页多选,翻页记忆的实例
2019/09/03 Javascript
让mocha支持ES6模块的方法实现
2020/01/14 Javascript
使用python编写脚本获取手机当前应用apk的信息
2014/07/21 Python
Django实现图片文字同时提交的方法
2015/05/26 Python
python tensorflow学习之识别单张图片的实现的示例
2018/02/09 Python
详解python项目实战:模拟登陆CSDN
2019/04/04 Python
python文件和文件夹复制函数
2020/02/07 Python
Python连接Oracle之环境配置、实例代码及报错解决方法详解
2020/02/11 Python
Django websocket原理及功能实现代码
2020/11/14 Python
Python监听键盘和鼠标事件的示例代码
2020/11/18 Python
Django视图类型总结
2021/02/17 Python
瑞典快乐袜子:Happy Socks
2018/02/16 全球购物
英国太阳镜品牌:Taylor Morris Eyewear
2018/04/18 全球购物
泰海淘:泰国king Power王权免税集团旗下跨境海淘综合型电商
2020/07/26 全球购物
Harrods英国:世界领先的奢侈品百货商店
2020/09/23 全球购物
干部竞争上岗演讲稿
2014/09/11 职场文书
党的群众路线教育实践活动心得体会(企业)
2014/11/03 职场文书
银行催款通知书
2015/04/17 职场文书
婚宴来宾致辞
2015/07/28 职场文书
分享一些Java的常用工具
2021/06/11 Java/Android
Python开发工具Pycharm的安装以及使用步骤总结
2021/06/24 Python
python数字图像处理实现图像的形变与缩放
2022/06/28 Python