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 相关文章推荐
use jscript with List Proxy Server Information
Jun 11 Javascript
jQuery MD5加密实现代码
Mar 15 Javascript
jquery实现奇偶行赋值不同css值
Feb 17 Javascript
JSONP 跨域访问代理API-yahooapis实现代码
Dec 02 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 Javascript
Jquery实现的一种常用高亮效果示例代码
Jan 28 Javascript
使用jQuery实现星级评分代码分享
Dec 09 Javascript
jQuery on()方法示例及jquery on()方法的优点
Aug 27 Javascript
分享javascript计算时间差的示例代码
Mar 19 Javascript
微信小程序 Storage API实例详解
Oct 02 Javascript
js弹出窗口简单实现代码
Mar 22 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
Jul 17 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截取汉字乱码问题解决方法mb_substr函数的应用
2008/03/30 PHP
PHP程序开发范例学习之表单 获取文本框的值
2011/08/08 PHP
php下载文件源代码(强制任意文件格式下载)
2014/05/09 PHP
zend framework框架中url大小写问题解决方法
2014/08/19 PHP
php打印一个边长为N的实心和空心菱型的方法
2015/03/02 PHP
PHP延迟静态绑定使用方法实例解析
2020/09/05 PHP
使用JS操作页面表格,元素的一些技巧
2007/02/02 Javascript
javascript实现页面内关键词高亮显示代码
2014/04/03 Javascript
JavaScript将当前时间转换成UTC标准时间的方法
2015/04/06 Javascript
Web安全测试之XSS实例讲解
2016/08/15 Javascript
jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
2016/08/29 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
2016/09/17 Javascript
ThinkJS中如何使用MongoDB的CURD操作
2016/12/13 Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
2017/01/10 Javascript
Vue + Webpack + Vue-loader学习教程之相关配置篇
2017/03/14 Javascript
Webpack 服务器端代码打包的示例代码
2017/09/19 Javascript
详解vue-meta如何让你更优雅的管理头部标签
2018/01/18 Javascript
JS对象与json字符串相互转换实现方法示例
2018/06/14 Javascript
layui select获取自定义属性方法
2018/08/15 Javascript
node.js实现微信开发之获取用户授权
2019/03/18 Javascript
微信小程序使用echarts获取数据并生成折线图
2019/10/16 Javascript
[56:45]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第一局
2016/02/28 DOTA
Python中的__SLOTS__属性使用示例
2015/02/18 Python
python实现在IDLE中输入多行的方法
2018/04/19 Python
python根据url地址下载小文件的实例
2018/12/18 Python
Python简易版图书管理系统
2019/08/12 Python
加拿大健康、婴儿和美容产品在线购物:Well.ca
2016/11/30 全球购物
网络艺术零售业的先驱者:artrepublic
2017/09/26 全球购物
BAILEY 44官网:美国制造的女性服装
2019/07/01 全球购物
牵手50台湾:专为黄金岁月的单身人士而设的交友网站
2021/02/18 全球购物
青春无悔演讲稿
2014/05/08 职场文书
幼儿教师师德承诺书
2014/05/23 职场文书
党政领导班子群众路线对照检查材料思想汇报
2014/09/27 职场文书
毕业论文答辩开场白和结束语
2015/05/27 职场文书
离婚协议书范文2016
2016/03/18 职场文书
nginx请求限制配置方法
2021/07/09 Servers