Jquery遍历checkbox获取选中项value值的方法


Posted in Javascript onFebruary 13, 2014

源码:

jQuery(function($){ 
$("input[name='key']:checkbox").click(function(){ 
var ids = ''; 
var flag = 0; 
$("#ids").attr("value",ids); 
$("input[name='key']:checkbox").each(function(){ 
if (true == $(this).attr("checked")) { 
ids += $(this).attr('value')+','; 
flag += 1; 
} 
}); 
if(0 < flag) { 
$("#ids").attr("value",ids); 
return true; 
}else { 
alert('请至少选择一项!'); 
return false; 
} 
}); 
});

本源码的功能:

获取name=‘key'的复选框的值,将选中项的 value 写到隐藏域 <input type="hidden" name="ids" id="ids" value="" /> 的表单中。

核心语句:

$("input[name='key']:checkbox").each(function(){ 
if (true == $(this).attr("checked")) { 
ids += $(this).attr('value')+','; 
} 
});

在HTML中,如果一个复选框被选中,对应的标记为 checked="checked"。 但如果用jquery alert($("#id").attr("checked")) 则会提示您是"true"而不是"checked",所以判断 if("checked"==$("#id").attr("checked")) 是错误的,应该如上面那样书写: if(true == $("#id").attr("checked"))
Javascript 相关文章推荐
Iframe 自适应高度并实时监控高度变化的js代码
Oct 30 Javascript
new Date()问题在ie8下面的处理方法
Jul 31 Javascript
jQuery()方法的第二个参数详解
Apr 29 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
Jan 28 Javascript
JavaScript模拟数组合并concat
Mar 06 Javascript
让你一句话理解闭包(简单易懂)
Jun 03 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
Jun 24 Javascript
JavaScript 过滤关键字
Mar 20 Javascript
Zepto实现密码的隐藏/显示
Apr 07 Javascript
bootstrap table表格使用方法详解
Apr 26 Javascript
JS中call和apply函数用法实例分析
Jun 20 Javascript
Vue源码之关于vm.$delete()/Vue.use()内部原理详解
May 01 Javascript
比较不错的JS/JQuery显示或隐藏文本的方法
Feb 13 #Javascript
jquery获取元素索引值index()示例
Feb 13 #Javascript
jquery获取tr并更改tr内容示例代码
Feb 13 #Javascript
使用javascript做的一个随机点名程序
Feb 13 #Javascript
javascript不同类型数据之间的运算的转换方法
Feb 13 #Javascript
js清理Word格式示例代码
Feb 13 #Javascript
Js与下拉列表处理问题解决
Feb 13 #Javascript
You might like
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
php版微信公众平台实现预约提交后发送email的方法
2016/09/26 PHP
CI框架封装的常用图像处理方法(缩略图,水印,旋转,上传等)
2016/11/22 PHP
php实现文件上传及头像预览功能
2017/01/15 PHP
tp5框架无刷新分页实现方法分析
2019/09/26 PHP
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
iframe中使用jquery进行查找的方法【案例分析】
2016/06/17 Javascript
AngularJS ng-mousedown 指令
2016/08/02 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
2017/10/29 jQuery
解决Vue2.x父组件与子组件之间的双向绑定问题
2018/03/06 Javascript
Vue2.0生命周期的理解
2018/08/20 Javascript
[01:53]DOTA2超级联赛专访Zhou 五年职业青春成长
2013/05/29 DOTA
Python中的包和模块实例
2014/11/22 Python
Python中List.index()方法的使用教程
2015/05/20 Python
开始着手第一个Django项目
2015/07/15 Python
JS设计模式之责任链模式实例详解
2018/02/03 Python
python ftplib模块使用代码实例
2019/12/31 Python
python-地图可视化组件folium的操作
2020/12/14 Python
CSS3网格的三个新特性详解
2014/04/04 HTML / CSS
荷兰手表网站:Watch2Day
2018/07/02 全球购物
个人找工作自荐信格式
2013/09/21 职场文书
旷课检讨书2000字
2014/01/14 职场文书
信息学院毕业生自荐信范文
2014/03/04 职场文书
关于安全的演讲稿
2014/05/09 职场文书
社区平安建设方案
2014/05/25 职场文书
简单租房协议书范本
2014/08/20 职场文书
授权委托书(公民个人适用)
2014/09/19 职场文书
区长工作作风个人整改措施
2014/10/01 职场文书
同学聚会祝酒词
2015/08/10 职场文书
《童年的发现》教学反思
2016/02/18 职场文书
2016年读书月活动总结范文
2016/04/06 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python
python实现求纯色彩图像的边框
2021/04/08 Python
为什么不建议在go项目中使用init()
2021/04/12 Golang
python编程学习使用管道Pipe编写优化代码
2021/11/20 Python
PYTHON基于Pyecharts绘制常见的直角坐标系图表
2022/04/28 Python