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禁止页面使用右键(简单示例代码)
Nov 13 Javascript
解析JavaScript中的不可见数据类型
Dec 02 Javascript
用js替换除数字与逗号以外的所有字符的代码
Jun 07 Javascript
Bootstrap每天必学之媒体对象
Nov 30 Javascript
JS实现弹出居中的模式窗口示例
Jun 20 Javascript
实例解析jQuery工具函数
Dec 01 Javascript
简单理解js的冒泡排序
Dec 19 Javascript
AngularJS表格添加序号的方法
Mar 03 Javascript
AngularJS实现自定义指令及指令配置项的方法
Nov 20 Javascript
swiper移动端轮播插件(触碰图片之后停止轮播)
Dec 28 Javascript
vue + element-ui的分页问题实现
Dec 17 Javascript
jQuery 移除事件的方法
Jun 20 jQuery
比较不错的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
搜索引擎技术核心揭密
2006/10/09 PHP
xajax写的留言本
2006/11/25 PHP
PHP中cookies使用指南
2007/03/16 PHP
PHP批量生成缩略图的代码
2008/07/19 PHP
《PHP编程最快明白》第三讲:php数组
2010/11/01 PHP
PHP导入Excel到MySQL的方法
2011/04/23 PHP
fleaphp crud操作之findByField函数的使用方法
2011/04/23 PHP
php+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
JavaScript与HTML结合的基本使用方法整理
2015/10/12 PHP
PHP中strcmp()和strcasecmp()函数字符串比较用法分析
2016/01/07 PHP
PHP实现的限制IP投票程序IP来源分析
2016/05/04 PHP
javascript读取xml
2006/11/04 Javascript
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
Jquery中ajax方法data参数的用法小结
2014/02/12 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
2016/02/15 Javascript
layui文件上传实现代码
2017/05/20 Javascript
AngularJS+Bootstrap3多级导航菜单的实现代码
2017/08/16 Javascript
angular.extend方法的具体使用
2017/09/14 Javascript
Vue.js2.0中的变化小结
2017/10/24 Javascript
安装Node.js并启动本地服务的操作教程
2018/05/12 Javascript
Angular2 自定义表单验证器的实现方法
2018/12/14 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
vue-cli3 引入 font-awesome的操作
2020/08/11 Javascript
js观察者模式的弹幕案例
2020/11/23 Javascript
Python Django Cookie 简单用法解析
2019/08/13 Python
使用 Python 处理3万多条数据只要几秒钟
2020/01/19 Python
Python logging模块写入中文出现乱码
2020/05/21 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
python字典与json转换的方法总结
2020/12/28 Python
纯CSS3实现鼠标滑过按钮动画第二节
2020/07/16 HTML / CSS
关于安全的演讲稿
2014/05/09 职场文书
公务员培的训心得体会
2014/09/01 职场文书
2014年环保局工作总结
2014/12/11 职场文书
小学教师求职信范文
2015/03/20 职场文书