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 相关文章推荐
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
Apr 20 Javascript
七夕情人节丘比特射箭小游戏
Aug 20 Javascript
JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
Sep 14 Javascript
原生JS实现左右箭头选择日期实例代码
Mar 14 Javascript
JS闭包的几种常见形式实例详解
Sep 16 Javascript
微信小程序简单实现form表单获取输入数据功能示例
Nov 30 Javascript
vue 国际化 vue-i18n 双语言 语言包
Jun 07 Javascript
JavaScript事件冒泡与事件捕获实例分析
Aug 01 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
Aug 10 Javascript
iview Upload组件多个文件上传的示例代码
Sep 30 Javascript
vue无限轮播插件代码实例
May 10 Javascript
js实现适配移动端的拖动效果
Jan 13 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函数的常用方法及注意之处小结
2011/07/10 PHP
Javascript 匿名函数及其代码模式原理
2010/03/19 Javascript
基于jQuery试卷自动排版系统
2010/07/18 Javascript
基于jQuery的为attr添加id title等效果的实现代码
2011/04/20 Javascript
jQuery语法总结和注意事项小结
2012/11/11 Javascript
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
nodejs创建web服务器之hello world程序
2015/08/20 NodeJs
基于javascript实现右下角浮动广告效果
2016/01/08 Javascript
原生JavaScript实现滚动条效果
2020/03/24 Javascript
Extjs实现下拉菜单效果
2016/04/01 Javascript
在js中实现邮箱格式的验证方法(推荐)
2016/10/24 Javascript
微信小程序入门教程
2016/11/18 Javascript
原生js实现弹出层登录拖拽功能
2016/12/05 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
vscode下vue项目中eslint的使用方法
2019/01/13 Javascript
详解vue在项目中使用百度地图
2019/03/26 Javascript
[01:22:29]真视界:2019年国际邀请赛总决赛
2020/01/29 DOTA
python 实现堆排序算法代码
2012/06/05 Python
Python选择排序、冒泡排序、合并排序代码实例
2015/04/10 Python
Python使用cx_Oracle模块将oracle中数据导出到csv文件的方法
2015/05/16 Python
Python实现快速多线程ping的方法
2015/07/15 Python
python处理xml文件的方法小结
2017/05/02 Python
python读取excel表格生成erlang数据
2017/08/26 Python
Python判断文件和字符串编码类型的实例
2017/12/21 Python
python 寻找list中最大元素对应的索引方法
2018/06/28 Python
python2.7使用plotly绘制本地散点图和折线图
2019/04/02 Python
tensorflow实现测试时读取任意指定的check point的网络参数
2020/01/21 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
PyTorch加载自己的数据集实例详解
2020/03/18 Python
浅谈pc和移动端的响应式的使用
2019/01/03 HTML / CSS
html5简介_动力节点Java学院整理
2017/07/07 HTML / CSS
我的大学生活职业生涯规划
2014/01/02 职场文书
ktv好的活动方案
2014/08/15 职场文书
《丑小鸭》教学反思
2016/02/19 职场文书
SQL SERVER触发器详解
2022/02/24 SQL Server
CKAD认证中部署k8s并配置Calico插件
2022/03/31 Servers