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+CSS 图片等比缩小并垂直居中实现代码
Dec 01 Javascript
javascript globalStorage类代码
Jun 04 Javascript
jquery 多级下拉菜单核心代码
May 21 Javascript
js ajaxfileupload.js上传报错的解决方法
May 05 Javascript
JS实现动画兼容性的transition和transform实例分析
Dec 13 Javascript
基于React实现表单数据的添加和删除详解
Mar 14 Javascript
使用puppeteer破解极验的滑动验证码
Feb 24 Javascript
Vue SPA单页应用首屏优化实践
Jun 28 Javascript
在vue中使用v-bind:class的选项卡方法
Sep 27 Javascript
jquery层次选择器的介绍
Jan 18 jQuery
Vue项目部署的实现(阿里云+Nginx代理+PM2)
Mar 26 Javascript
一文搞懂redux在react中的初步用法
Jun 09 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
swfupload 多文件上传实现代码
2008/08/27 PHP
php的GD库imagettftext函数解决中文乱码问题
2015/01/24 PHP
PHP的cURL库简介及使用示例
2015/02/06 PHP
详解yii2实现分库分表的方案与思路
2017/02/03 PHP
使用php实现网站验证码功能【推荐】
2017/02/09 PHP
JavaScript实现多维数组的方法
2013/11/20 Javascript
js解决弹窗问题实现班级跳转DIV示例
2014/01/06 Javascript
用JQuery实现全选与取消的两种简单方法
2014/02/22 Javascript
深入分析Javascript跨域问题
2015/04/17 Javascript
JS实现日期时间动态显示的方法
2015/12/07 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
Three.js实现绘制字体模型示例代码
2017/09/26 Javascript
Laravel整合Bootstrap 4的完整方案(推荐)
2018/01/25 Javascript
vue单页应用加百度统计代码(亲测有效)
2018/01/31 Javascript
简单介绍react redux的中间件的使用
2018/04/06 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
2018/05/22 Javascript
微信小程序实现上传图片功能
2018/05/28 Javascript
elementUI table表格动态合并的示例代码
2019/05/15 Javascript
KnockoutJS数组比较算法实例详解
2019/11/25 Javascript
10个易被忽视但应掌握的Python基本用法
2015/04/01 Python
归纳整理Python中的控制流语句的知识点
2015/04/14 Python
Python根据已知邻接矩阵绘制无向图操作示例
2018/06/23 Python
Python设计模式之桥接模式原理与用法实例分析
2019/01/10 Python
python设置环境变量的作用和实例
2019/07/09 Python
Python 仅获取响应头, 不获取实体的实例
2019/08/21 Python
Tensorflow安装问题: Could not find a version that satisfies the requirement tensorflow
2020/04/20 Python
THE OUTNET英国官网:国际设计师品牌折扣网站
2016/08/14 全球购物
韩国乐天网上商城:Lotte iMall
2021/02/03 全球购物
遇到的Mysql的面试题
2014/06/29 面试题
路政管理专业推荐信
2013/11/11 职场文书
医务工作者先进事迹材料
2014/01/26 职场文书
交警作风整顿剖析材料
2014/10/11 职场文书
代领报检证委托书范本
2014/10/11 职场文书
年会主持人开场白台词
2015/05/29 职场文书
收入证明范本
2015/06/12 职场文书
vue3使用vue-router的完整步骤记录
2021/06/20 Vue.js