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 相关文章推荐
js图片延迟技术一般的思路与示例
Mar 20 Javascript
用javascript读取xml文件读取节点数据
Aug 12 Javascript
EasyUI实现第二层弹出框的方法
Mar 01 Javascript
D3.js中data(), enter() 和 exit()的问题详解
Aug 17 Javascript
jquery.validate表单验证插件使用方法解析
Nov 07 Javascript
微信小程序之MaterialDesign--input组件详解
Feb 15 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
Aug 30 Javascript
vuejs实现本地数据的筛选分页功能思路详解
Nov 15 Javascript
vuejs 动态添加input框的实例讲解
Aug 24 Javascript
layui问题之渲染数据表格时,仅出现10条数据的解决方法
Sep 12 Javascript
聊聊Vue中provide/inject的应用详解
Nov 10 Javascript
javascript实现点击产生随机图形
Jan 25 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;&amp; 逻辑与运算符使用说明
2010/03/04 PHP
PHP三元运算的2种写法代码实例
2014/05/12 PHP
推荐10个提供免费PHP脚本下载的网站
2014/12/31 PHP
js checkbox(复选框) 使用集锦
2009/04/28 Javascript
jQuery.ajax 用户登录验证代码
2010/10/29 Javascript
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
2013/07/09 Javascript
一个CSS+jQuery实现的放大缩小动画效果
2014/02/19 Javascript
javascript跨浏览器的属性判断方法
2014/03/16 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
2014/12/09 Javascript
node.js中的fs.utimes方法使用说明
2014/12/15 Javascript
jQuery实现新消息闪烁标题提示的方法
2015/03/11 Javascript
浅谈setTimeout 与 setInterval
2015/06/23 Javascript
基于javascript html5实现3D翻书特效
2016/03/14 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
2016/04/01 Javascript
浅析location.href跨窗口调用函数
2016/11/22 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
2017/05/26 Javascript
JS实现点击拉拽轮播图pc端移动端适配
2018/09/05 Javascript
vue.js自定义组件实现v-model双向数据绑定的示例代码
2020/01/08 Javascript
VUE动态生成word的实现
2020/07/26 Javascript
[01:00:26]Ti4主赛事胜者组第一天 EG vs NEWBEE 1
2014/07/19 DOTA
[01:39:04]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第二场 2月1日
2021/03/11 DOTA
Python删除指定目录下过期文件的2个脚本分享
2014/04/10 Python
Python计算已经过去多少个周末的方法
2015/07/25 Python
在Ubuntu系统下安装使用Python的GUI工具wxPython
2016/02/18 Python
书单|人生苦短,你还不用python!
2017/12/29 Python
用python3读取python2的pickle数据方式
2019/12/25 Python
Python实现投影法分割图像示例(二)
2020/01/17 Python
秸秆管理实施方案
2014/03/15 职场文书
海飞丝的广告词
2014/03/20 职场文书
人力资源管理专业应届生求职信
2014/04/24 职场文书
上海世博会志愿者口号
2014/06/17 职场文书
2014年连锁店圣诞节活动方案
2014/12/09 职场文书
创业计划书之校园超市
2019/09/12 职场文书
《飘》英文读后感五篇
2019/10/11 职场文书