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 相关文章推荐
jQuery中文入门指南,翻译加实例,jQuery的起点教程
Jan 13 Javascript
JavaScript数据库TaffyDB用法实例分析
Jul 27 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
Jul 27 Javascript
JavaScript中数组添加值和访问值常见问题
Feb 06 Javascript
Vue指令的钩子函数使用方法
Mar 20 Javascript
AngularJs 禁止模板缓存的方法
Nov 28 Javascript
微信小程序 scroll-view实现锚点滑动的示例
Dec 06 Javascript
详解使用uni-app开发微信小程序之登录模块
May 09 Javascript
vue中keep-alive组件的入门使用教程
Jun 06 Javascript
实用Javascript调试技巧分享(小结)
Jun 18 Javascript
layui 对弹窗 form表单赋值的实现方法
Sep 04 Javascript
jquery获取input输入框中的值
Nov 13 jQuery
比较不错的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
解决中英文字符串长度问题函数
2007/01/16 PHP
php实现图片缩放功能类
2013/12/18 PHP
php截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
2014/06/10 PHP
php实现smarty模板无限极分类的方法
2015/12/07 PHP
Laravel 解决composer相关操作提示php相关异常的问题
2019/10/23 PHP
Javascript 键盘keyCode键码值表
2009/12/24 Javascript
用正则表达式替换图片地址img标签
2013/11/22 Javascript
jquery单行文字向上滚动效果示例
2014/03/06 Javascript
JS简单操作select和dropdownlist实例
2014/11/26 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
2016/09/01 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
2017/01/05 Javascript
原生js实现无缝轮播图效果
2017/01/11 Javascript
JavaScript之Canvas_动力节点Java学院整理
2017/07/04 Javascript
简单实现js鼠标跟随效果
2020/08/02 Javascript
BootStrap 标题设置跨行无效的解决方法
2017/10/25 Javascript
vue elementUI tree树形控件获取父节点ID的实例
2018/09/12 Javascript
layui对工具条进行选择性的显示方法
2019/09/19 Javascript
python爬虫获取淘宝天猫商品详细参数
2020/06/23 Python
pandas修改DataFrame列名的方法
2018/04/08 Python
Php多进程实现代码
2018/05/07 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
python数组循环处理方法
2019/08/26 Python
Python传递参数的多种方式(小结)
2019/09/18 Python
python使用opencv resize图像不进行插值的操作
2020/07/05 Python
python进行OpenCV实战之画图(直线、矩形、圆形)
2020/08/27 Python
在pycharm创建scrapy项目的实现步骤
2020/12/01 Python
Python 实现劳拉游戏的实例代码(四连环、重力四子棋)
2021/03/03 Python
纯CSS3实现地球自转实现代码(图文教程附送源码)
2012/12/26 HTML / CSS
大学生入党推荐书范文
2014/05/17 职场文书
数学考试作弊检讨书300字
2015/02/16 职场文书
消防隐患整改通知书
2015/04/22 职场文书
2015年财务部年度工作总结
2015/05/19 职场文书
单位收入证明范本
2015/06/18 职场文书
宾馆安全管理制度
2015/08/06 职场文书
详解JAVA中的OPTIONAL
2021/06/14 Java/Android
Python利用FlashText算法实现替换字符串
2022/03/31 Python