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提交表单解决一个页面有多个提交按钮的问题
Sep 01 Javascript
异步JavaScript编程中的Promise使用方法
Jul 28 Javascript
jQuery Ajax页面局部加载方法汇总
Jun 02 Javascript
EasyUI中在表单提交之前进行验证
Jul 19 Javascript
Vue实现双向绑定的方法
Dec 22 Javascript
DropDownList控件绑定数据源的三种方法
Dec 24 Javascript
js实现仿购物车加减效果
Mar 01 Javascript
vue 2.0组件与v-model详解
Mar 27 Javascript
详解在微信小程序的JS脚本中使用Promise来优化函数处理
Mar 06 Javascript
vue增加强缓存和版本号的实现方法
May 01 Javascript
layer.js open 隐藏滚动条的例子
Sep 05 Javascript
JavaScript流程控制(循环)
Dec 06 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_MySQL教程-第一天
2007/03/18 PHP
PHP 根据IP地址控制访问的代码
2010/04/22 PHP
PHP中TP5 上传文件的实例详解
2017/07/31 PHP
PHP学习记录之常用的魔术常量详解
2019/12/12 PHP
js下获取div中的数据的原理分析
2010/04/07 Javascript
禁止js文件缓存的代码
2010/04/09 Javascript
javascript对数组的常用操作代码 数组方法总汇
2011/01/27 Javascript
Javascript面向对象编程(三) 非构造函数的继承
2011/08/28 Javascript
js查错流程归纳
2012/05/04 Javascript
基于JavaScript实现定时跳转到指定页面
2016/01/01 Javascript
如何用js判断dom是否有存在某class的值
2017/02/13 Javascript
js遍历获取表格内数据的方法(必看)
2017/04/06 Javascript
JS+Ajax实现百度智能搜索框
2017/08/04 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
2019/06/14 Javascript
Electron 调用命令行(cmd)
2019/09/23 Javascript
js实现拖动缓动效果
2020/01/13 Javascript
Python操作json数据的一个简单例子
2014/04/17 Python
PyQt5实现下载进度条效果
2018/04/19 Python
python之super的使用小结
2018/08/13 Python
Tensorflow实现酸奶销量预测分析
2019/07/19 Python
Django框架 querySet功能解析
2019/09/04 Python
scrapy爬虫:scrapy.FormRequest中formdata参数详解
2020/04/30 Python
HTML5的革新 结构之美
2011/06/20 HTML / CSS
特罗佩亚包官方网站:Tropea
2017/01/03 全球购物
澳大利亚在线家具店:Luxo Living
2019/03/24 全球购物
戴尔英国翻新电脑和电子产品:Dell UK Refurbished Computers
2019/07/30 全球购物
美国名牌手表折扣网站:Jomashop
2020/05/22 全球购物
保送生自荐信范文
2013/10/06 职场文书
小学后勤管理制度
2014/01/14 职场文书
银行职员个人的工作自我评价
2014/02/15 职场文书
内乡县衙导游词
2015/02/05 职场文书
报案材料怎么写
2015/05/25 职场文书
幼儿园大班开学寄语(2015秋季)
2015/05/27 职场文书
党支部综合考察意见
2015/06/01 职场文书
jquery插件实现悬浮的菜单
2021/04/24 jQuery
能让Python提速超40倍的神器Cython详解
2021/06/24 Python