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 相关文章推荐
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
Jan 16 Javascript
js 第二代身份证号码的验证机制代码
May 12 Javascript
jquery ready函数、css函数及text()使用示例
Sep 27 Javascript
cookie的复制与使用记住用户名实现代码
Nov 04 Javascript
jQuery UI库中dialog对话框功能使用全解析
Apr 23 Javascript
微信小程序 使用腾讯地图SDK详解及实现步骤
Feb 28 Javascript
原生JS上传大文件显示进度条 php上传文件代码
Mar 27 Javascript
vue的全局提示框组件实例代码
Feb 26 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
Aug 07 Javascript
Bootstrap Table实现定时刷新数据的方法
Aug 13 Javascript
jQuery实现的记住帐号密码功能完整示例
Aug 03 jQuery
node.js中process进程的概念和child_process子进程模块的使用方法示例
Feb 11 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
第六节 访问属性和方法 [6]
2006/10/09 PHP
PHP脚本的10个技巧(7)
2006/10/09 PHP
PHP中error_log()函数的使用方法
2015/01/20 PHP
php排序算法实例分析
2016/10/17 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
Yii2框架控制器、路由、Url生成操作示例
2019/05/27 PHP
Laravel 关联模型-关联新增和关联更新的方法
2019/10/10 PHP
PHP连接SQL server数据库测试脚本运行实例
2020/08/24 PHP
javascritp实现input输入框相关限制用法
2007/06/29 Javascript
MooTools 1.2介绍
2009/09/14 Javascript
IE下js调试工具Companion.JS
2010/10/15 Javascript
javascript 原型继承介绍
2011/08/30 Javascript
JS获取后台Cookies值的小例子
2013/03/04 Javascript
图片Slider 带左右按钮的js示例
2013/08/30 Javascript
使用js操作cookie的一点小收获分享
2013/09/03 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
2015/03/04 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
jQuery实现的仿select功能代码
2015/08/19 Javascript
AngularJS实现元素显示和隐藏的几个案例
2015/12/09 Javascript
JS中的回调函数实例浅析
2018/03/21 Javascript
Vue利用canvas实现移动端手写板的方法
2018/05/03 Javascript
Vue常用的全选/反选的示例代码
2020/02/19 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
2020/07/23 Javascript
在Python中处理日期和时间的基本知识点整理汇总
2015/05/22 Python
使用python检测主机存活端口及检查存活主机
2015/10/12 Python
python 判断txt每行内容中是否包含子串并重新写入保存的实例
2020/03/12 Python
详解Python中pyautogui库的最全使用方法
2020/04/01 Python
pyspark给dataframe增加新的一列的实现示例
2020/04/24 Python
Python tkinter实现日期选择器
2021/02/22 Python
美国市场上最实惠的送餐服务:Dinnerly
2018/03/18 全球购物
美国知名眼镜网站:Target Optical
2020/04/04 全球购物
金融行业务员的自我评价
2013/12/13 职场文书
工厂搬迁方案
2014/05/11 职场文书
巾帼志愿者活动方案
2014/08/17 职场文书
教师自我剖析材料范文
2014/09/30 职场文书
想创业成功,需要掌握这些要点
2019/12/06 职场文书