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 相关文章推荐
HTML页面如何象ASP一样接受参数
Feb 07 Javascript
JQuery开发的数独游戏代码
Oct 29 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
Aug 21 Javascript
JavaScript实现列出数组中最长的连续数
Dec 29 Javascript
jquery实现的树形目录实例
Jun 26 Javascript
js模拟淘宝网的多级选择菜单实现方法
Aug 18 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
Sep 08 Javascript
EasyUi 打开对话框后控件赋值及赋值后不显示的问题解决办法
Jan 19 Javascript
javascript判断回文数详解及实现代码
Feb 03 Javascript
js 调用百度分享功能
Feb 27 Javascript
puppeteer实现html截图的示例代码
Jan 10 Javascript
微信小程序实现电子签名并导出图片
May 27 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自定义函数实现数组比较功能示例
2017/10/19 PHP
extjs 学习笔记(三) 最基本的grid
2009/10/15 Javascript
Javascript中的window.event.keyCode使用介绍
2011/04/26 Javascript
原生javascript实现无间缝滚动示例
2014/01/28 Javascript
js生成缩略图后上传并利用canvas重绘
2014/05/15 Javascript
JavaScript中的原型prototype属性使用详解
2015/06/05 Javascript
jQuery实现高亮显示网页关键词的方法
2015/08/07 Javascript
javascript运算符——位运算符全面介绍
2016/07/14 Javascript
浅谈js对象的创建和对6种继承模式的理解和遐想
2016/10/16 Javascript
jQuery插件form-validation-engine正则表达式操作示例
2017/02/09 Javascript
JS中的Replace()传入函数时的用法详解
2017/09/11 Javascript
element-ui 时间选择器限制范围的实现(随动)
2019/01/09 Javascript
mock.js模拟数据实现前后端分离
2019/07/24 Javascript
[01:09]DOTA2次级职业联赛 - 99战队宣传片
2014/12/01 DOTA
[05:06]DOTA2-DPC中国联赛 正赛 VG vs Magma选手采访
2021/03/11 DOTA
浅谈Python中数据解析
2015/05/05 Python
windows下ipython的安装与使用详解
2016/10/20 Python
Python 中pandas.read_excel详细介绍
2017/06/23 Python
用 Python 连接 MySQL 的几种方式详解
2018/04/04 Python
Python3+selenium实现cookie免密登录的示例代码
2020/03/18 Python
Python安装Bs4的多种方法
2020/11/28 Python
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
德国咖啡批发商:Coffeefair
2019/08/26 全球购物
光声世纪笔试题目
2012/08/25 面试题
比较一下entity bean和session bean
2013/12/27 面试题
营销与策划个人求职信
2013/09/22 职场文书
计算机毕业大学生推荐信
2013/12/01 职场文书
大学生自我鉴定
2013/12/08 职场文书
手工社团活动方案
2014/02/17 职场文书
图书室标语
2014/06/21 职场文书
优秀中职教师事迹材料
2014/08/26 职场文书
小学六一儿童节活动总结
2015/05/05 职场文书
答谢酒会主持词
2015/07/02 职场文书
五一放假通知怎么写
2015/08/18 职场文书
数据库的高级查询六:表连接查询:外连接(左外连接,右外连接,UNION关键字,连接中ON与WHERE的不同)
2021/04/05 MySQL