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 相关文章推荐
浅析document.createDocumentFragment()与js效率
Jul 08 Javascript
jQuery创建自定义的选择器用以选择高度大于100的超链接实例
Mar 18 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
Mar 31 Javascript
JQuery中两个ul标签的li互相移动实现方法
May 18 Javascript
jquery实现上传文件大小类型的验证例子(推荐)
Jun 25 Javascript
浅谈JS中json数据的处理
Jun 30 Javascript
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
Aug 29 Javascript
jquery请求servlet实现ajax异步请求的示例
Jun 03 jQuery
Webpack优化配置缩小文件搜索范围
Dec 25 Javascript
JavaScript中的事件与异常捕获详析
Feb 24 Javascript
vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法
Nov 05 Javascript
JavaScript中ES6规范中let和const的用法和区别
Aug 06 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
基于mysql的bbs设计(二)
2006/10/09 PHP
PHP和Shell实现检查SAMBA与NFS Server是否存在
2015/01/07 PHP
PHP异常类及异常处理操作实例详解
2018/12/19 PHP
laravel csrf排除路由,禁止,关闭指定路由的例子
2019/10/21 PHP
JavaScript 权威指南(第四版) 读书笔记
2009/08/11 Javascript
javascript中将Object转换为String函数代码 (json str)
2012/04/29 Javascript
avalonjs实现仿微博的图片拖动特效
2015/05/06 Javascript
js实现Form栏显示全格式时间时钟效果代码
2015/08/19 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
静态页面html中跳转传值的JS处理技巧
2016/06/22 Javascript
基于jQuery实现照片墙自动播放特效
2017/01/12 Javascript
vue完成项目后,打包成静态文件的方法
2018/09/03 Javascript
详解搭建一个vue-cli的移动端H5开发模板
2020/01/17 Javascript
js实现点赞效果
2020/03/16 Javascript
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
Python简单实现enum功能的方法
2016/04/25 Python
关于Django显示时间你应该知道的一些问题
2017/12/25 Python
python编程实现随机生成多个椭圆实例代码
2018/01/03 Python
Python实现获取前100组勾股数的方法示例
2018/05/04 Python
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
python使用requests模块实现爬取电影天堂最新电影信息
2019/04/03 Python
利用Python实现kNN算法的代码
2019/08/16 Python
Python函数参数类型及排序原理总结
2019/12/19 Python
把vgg-face.mat权重迁移到pytorch模型示例
2019/12/27 Python
Python参数传递及收集机制原理解析
2020/06/05 Python
Python代码注释规范代码实例解析
2020/08/14 Python
python matlab库简单用法讲解
2020/12/31 Python
用python制作个音乐下载器
2021/01/30 Python
html5使用Canvas绘图的使用方法
2017/11/21 HTML / CSS
html5简介_动力节点Java学院整理
2017/07/07 HTML / CSS
德国高性价比网上药店:medpex
2017/07/09 全球购物
花园仓库建筑:Garden Buildings Direct
2018/02/16 全球购物
日本酒店、民宿、温泉旅馆、当地旅行团中文预订:e路东瀛
2019/12/09 全球购物
田径运动会通讯稿
2014/09/13 职场文书
2014年项目工作总结
2014/11/24 职场文书
MySQL子查询中order by不生效问题的解决方法
2021/08/02 MySQL