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 相关文章推荐
De facto standard 世界上不可思议的事实标准
Aug 29 Javascript
JS实现日期加减的方法
Nov 29 Javascript
javascript的alert box在java中如何显示多行
May 18 Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 Javascript
用户代理字符串userAgent可实现的四个识别
Sep 20 Javascript
浅谈时钟的生成(js手写简洁代码)
Aug 20 Javascript
node.js实现快速截图
Aug 27 Javascript
JS实现批量上传文件并显示进度功能
Jun 27 Javascript
关于vue中 $emit的用法详解
Apr 12 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
Sep 13 Javascript
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
Mar 29 Javascript
vue @ ~ 相对路径 路径别名设置方式
Jun 05 Vue.js
比较不错的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.ini不生效问题解决方法(上传大于8M的文件)
2013/06/14 PHP
php session_start()出错原因分析及解决方法
2013/10/28 PHP
ThinkPHP处理Ajax返回的方法
2014/11/22 PHP
header与缓冲区之间的深层次分析
2016/07/30 PHP
PHP利用超级全局变量$_POST来接收表单数据的实例
2016/11/05 PHP
php断点续传之文件分割合并详解
2016/12/13 PHP
直接生成打开窗口代码,不必下载
2008/05/14 Javascript
javascript 清除输入框中的数据
2009/04/13 Javascript
event对象的方法 兼容多浏览器
2009/06/27 Javascript
js类式继承的具体实现方法
2013/12/31 Javascript
javascript对象的使用和属性操作示例详解
2014/03/02 Javascript
JavaScript操作Cookie详解
2015/02/28 Javascript
JS实现随机乱撞彩色圆球特效的方法
2015/05/05 Javascript
jquery实现的仿天猫侧导航tab切换效果
2015/08/24 Javascript
深入探究AngularJS框架中Scope对象的超级教程
2016/01/04 Javascript
AngularJS 表达式详细讲解及实例代码
2016/07/26 Javascript
微信小程序模版渲染详解
2018/01/26 Javascript
JS实现Cookie读、写、删除操作工具类示例
2018/08/28 Javascript
微信小程序实现通过js操作wxml的wxss属性示例
2018/12/06 Javascript
vue获取时间戳转换为日期格式代码实例
2019/04/17 Javascript
python解析xml文件操作实例
2014/10/05 Python
Empty test suite.(PyCharm程序运行错误的解决方法)
2018/11/30 Python
TensorFlow命名空间和TensorBoard图节点实例
2020/01/23 Python
解决python-docx打包之后找不到default.docx的问题
2020/02/13 Python
Python3 中sorted() 函数的用法
2020/03/24 Python
html5中的input新属性range使用记录
2014/09/05 HTML / CSS
h5实现获取用户地理定位的实例代码
2017/07/17 HTML / CSS
西班牙英格列斯百货官网:El Corte Inglés
2016/09/25 全球购物
岗位职责的含义
2013/11/17 职场文书
2013届毕业生求职信范文
2013/11/20 职场文书
物流专业求职计划书
2014/01/10 职场文书
考博专家推荐信
2014/05/10 职场文书
司法局火灾防控方案
2014/06/05 职场文书
2014年健康教育工作总结
2014/11/20 职场文书
企业员工辞职信范文
2015/05/12 职场文书
Ruby处理CSV数据方法详解
2022/04/18 Ruby