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在IE中“意外地调用了方法或属性访问”
Nov 19 Javascript
基于jquery的时间段实现代码
Aug 02 Javascript
jQuery对Select的操作大集合(收藏)
Dec 28 Javascript
AngularJS HTML编译器介绍
Dec 06 Javascript
node.js中的fs.utimesSync方法使用说明
Dec 15 Javascript
JQuery显示、隐藏div的几种方法简明总结
Apr 16 Javascript
基于JQuery打造无缝滚动新闻步骤详解
Mar 31 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
Aug 17 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
Apr 04 Javascript
vue微信分享插件使用方法详解
Feb 18 Javascript
jQuery实现电梯导航模块
Dec 22 jQuery
vue实现登陆页面开发实践
May 30 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
Look And Say 序列php实现代码
2011/05/22 PHP
PHP中利用sleep函数实现定时执行功能实现代码
2016/08/25 PHP
iOS自定义提示弹出框实现类似UIAlertView的效果
2016/11/16 PHP
PHP如何实现订单的延时处理详解
2017/12/30 PHP
PhpStorm配置Xdebug调试的方法步骤
2019/02/02 PHP
修改发贴的编辑功能
2007/03/07 Javascript
ExtJS 2.0实用简明教程 之获得ExtJS
2009/04/29 Javascript
javascript获取当前日期时间及其它操作函数
2011/01/11 Javascript
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
JavaScript四种调用模式和this示例介绍
2014/01/02 Javascript
Jquery操作radio的简单实例
2014/01/06 Javascript
浅谈JavaScript中数组的增删改查
2016/06/20 Javascript
关于Vue.js一些问题和思考学习笔记(1)
2016/12/02 Javascript
JS作用域链详解
2017/06/26 Javascript
什么是Vue.js框架 为什么选择它?
2017/10/17 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
2018/07/13 Javascript
LayerClose弹窗关闭刷新方法
2018/08/17 Javascript
vue2.0 可折叠列表 v-for循环展示的实例
2018/09/07 Javascript
NUXT SSR初级入门笔记(小结)
2019/12/16 Javascript
element跨分页操作选择详解
2020/06/29 Javascript
讲解Python中运算符使用时的优先级
2015/05/14 Python
在python tkinter中Canvas实现进度条显示的方法
2019/06/14 Python
零基础学python应该从哪里入手
2020/08/11 Python
使用PyCharm官方中文语言包汉化PyCharm
2020/11/18 Python
python反爬虫方法的优缺点分析
2020/11/25 Python
CSS3中伪元素::before和::after的用法示例
2017/09/18 HTML / CSS
香蕉共和国工厂店:Banana Republic Factory
2018/06/09 全球购物
英国排名第一的礼品体验公司:Red Letter Days
2018/08/16 全球购物
战略合作协议书范本
2014/04/18 职场文书
反四风个人对照检查材料思想汇报
2014/09/25 职场文书
夫妻忠诚协议书范本
2014/11/17 职场文书
朝花夕拾读书笔记
2015/06/29 职场文书
部门主管竞聘书
2015/09/15 职场文书
2015年教师个人业务工作总结
2015/10/23 职场文书
疑《守望先锋2》A测截图泄露 或将推出新模式、新界面
2022/04/03 其他游戏
MySQL 数据表操作
2022/05/04 MySQL