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关闭子窗体刷新父窗体实现方法
Dec 04 Javascript
ajax不执行success回调而是执行了error回调
Dec 10 Javascript
JavaScript中Cookie操作实例
Jan 09 Javascript
jQuery实现文件上传进度条特效
Aug 12 Javascript
详解自动生成博客目录案例
Dec 09 Javascript
浅谈Vue.nextTick 的实现方法
Oct 25 Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
JavaScript面向对象程序设计创建对象的方法分析
Aug 13 Javascript
详解nvm管理多版本node踩坑
Jul 26 Javascript
Layui弹出层 加载 做编辑页面的方法
Sep 16 Javascript
解决Vue watch里调用方法的坑
Nov 07 Javascript
javascript条件式访问属性和箭头函数介绍
Nov 17 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操作XML、读取数据和写入数据的实现代码
2014/08/15 PHP
PHP树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
PHP中的Session对象如何使用
2015/09/25 PHP
基于Jquery的表格隔行换色,移动换色,点击换色插件
2010/12/22 Javascript
js操作textarea方法集合封装(兼容IE,firefox)
2011/02/22 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
2013/06/09 Javascript
jquery解析xml字符串简单示例
2014/04/11 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
2014/12/29 Javascript
EasyUI中combobox默认值注意事项
2015/03/01 Javascript
javascript实现checkBox的全选,反选与赋值
2015/03/12 Javascript
javascript委托(Delegate)blur和focus用法实例分析
2015/05/26 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
2015/08/18 Javascript
超全面的vue.js使用总结
2017/02/12 Javascript
Node+Express+MongoDB实现登录注册功能实例
2017/04/23 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
2018/12/11 Javascript
JavaScript类型相关的常用操作总结
2019/02/14 Javascript
详解JavaScript 事件流
2020/09/02 Javascript
python实现比较两段文本不同之处的方法
2015/05/30 Python
Python tkinter三种布局实例详解
2020/01/06 Python
伊利莎白雅顿官网:Elizabeth Arden
2016/10/10 全球购物
Volcom法国官网:美国冲浪滑板品牌
2017/05/25 全球购物
英国户外装备商店:Ultimate Outdoors
2019/05/07 全球购物
abstract class和interface有什么区别?
2012/01/03 面试题
办公室文秘自我评价
2013/09/21 职场文书
会计专业的自荐信
2013/12/12 职场文书
乡镇干部先进事迹材料
2014/02/03 职场文书
2014年高三班主任工作总结
2014/12/05 职场文书
幼儿园2015年度工作总结
2015/04/01 职场文书
行政处罚告知书
2015/07/01 职场文书
MySQL kill不掉线程的原因
2021/05/07 MySQL
MySQL数据库必备之条件查询语句
2021/10/15 MySQL
分布式Redis Cluster集群搭建与Redis基本用法
2022/02/24 Redis
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS
利用Apache Common将java对象池化的问题
2022/06/16 Servers