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 相关文章推荐
在firefox和Chrome下关闭浏览器窗口无效的解决方法
Jan 16 Javascript
JS下载文件|无刷新下载文件示例代码
Apr 17 Javascript
每天一篇javascript学习小结(Array数组)
Nov 11 Javascript
Bootstrap入门书籍之(三)栅格系统
Feb 17 Javascript
简单实现js页面切换功能
Jan 10 Javascript
jquery radio的取值_radio的选中_radio的重置方法
Sep 20 Javascript
javascript实现二叉树的代码
Jun 08 Javascript
vue router使用query和params传参的使用和区别
Nov 13 Javascript
js中的reduce()函数讲解
Jan 18 Javascript
如何提升vue.js中大型数据的性能
Jun 21 Javascript
微信小程序页面滚动到指定位置代码实例
Sep 07 Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 18 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
使用PHP实现密保卡功能实现代码&amp;lt;打包下载直接运行&amp;gt;
2011/10/09 PHP
ThinkPHP路由详解
2015/07/27 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
2017年最好用的9个php开发工具推荐(超好用)
2017/10/23 PHP
laravel-admin解决表单select联动时,编辑默认没选上的问题
2019/09/30 PHP
Ext JS Grid在IE6 下宽度的问题解决方法
2009/02/15 Javascript
js 动态选中下拉框
2009/11/26 Javascript
jQuery库与其他JS库冲突的解决办法
2010/02/07 Javascript
在JavaScript中监听IME键盘输入事件
2011/05/29 Javascript
漂亮的jquery提示效果(仿腾讯弹出层)
2013/02/05 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
2013/05/08 Javascript
jquery实现Slide Out Navigation滑出式菜单效果代码
2015/09/07 Javascript
TypeScript Type Innference(类型判断)
2016/03/10 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
js运动事件函数详解
2016/10/21 Javascript
详解Vue.js Mixins 混入使用
2017/09/15 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
2020/07/23 Javascript
Vue时间轴 vue-light-timeline的用法说明
2020/10/29 Javascript
详解python3百度指数抓取实例
2016/12/12 Python
Python编程实现生成特定范围内不重复多个随机数的2种方法
2017/04/14 Python
Python3实现zip分卷压缩过程解析
2019/10/09 Python
使用python实现男神女神颜值打分系统(推荐)
2019/10/31 Python
python 图片二值化处理(处理后为纯黑白的图片)
2019/11/01 Python
使用python3批量下载rbsp数据的示例代码
2019/12/20 Python
python实现大战外星人小游戏实例代码
2019/12/26 Python
Python交互环境下打印和输入函数的实例内容
2020/02/16 Python
详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程
2020/03/25 Python
芭比波朗加拿大官方网站:Bobbi Brown Cosmetics CA
2020/11/05 全球购物
Java面试笔试题大全
2016/11/23 面试题
小学学校评估方案
2014/06/08 职场文书
励志演讲稿3分钟
2014/08/21 职场文书
活动经费申请报告
2015/05/15 职场文书
用golang如何替换某个文件中的字符串
2021/04/25 Golang
Spring整合Mybatis的全过程
2021/06/28 Java/Android
SpringRetry重试框架的具体使用
2021/07/25 Java/Android