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 相关文章推荐
优化innerHTML操作(提高代码执行效率)
Aug 20 Javascript
JS定时器实例
Apr 17 Javascript
javascript中动态加载js文件多种解决办法总结
Nov 15 Javascript
javascript正则匹配汉字、数字、字母、下划线
Apr 10 Javascript
javascript实现跨域的方法汇总
Jun 25 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
Aug 08 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
Dec 08 Javascript
JS原型链怎么理解
Jun 27 Javascript
详解vue 项目白屏解决方案
Oct 31 Javascript
微信小程序身份证验证方法实现详解
Jun 28 Javascript
小程序实现搜索框功能
Mar 26 Javascript
关于Vue中axios的封装实例详解
Oct 20 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/09/26 PHP
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
2014/02/18 PHP
基于PHP实现用户注册登录功能
2016/10/14 PHP
php app支付宝回调(异步通知)详解
2018/07/25 PHP
javaScript 数值型和字符串型之间的转换
2009/07/25 Javascript
Javascript学习笔记一 之 数据类型
2010/12/15 Javascript
js与C#进行时间戳转换
2014/11/14 Javascript
浅谈Unicode与JavaScript的发展史
2015/01/19 Javascript
浅谈javascript 函数属性和方法
2015/01/21 Javascript
jQuery实现的背景动态变化导航菜单效果
2015/08/24 Javascript
Bootstrap富文本组件wysiwyg数据保存到mysql的方法
2016/05/09 Javascript
js 创建对象 经典模式全面了解
2016/08/16 Javascript
javascript淘宝主图放大镜功能
2016/10/20 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
js评分组件使用详解
2017/06/06 Javascript
详解Node项目部署到云服务器上
2017/07/12 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
2018/05/23 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
2018/09/13 Javascript
vue $router和$route的区别详解
2020/12/02 Vue.js
Python2.5/2.6实用教程 入门基础篇
2009/11/29 Python
讲解Python中的递归函数
2015/04/27 Python
详解Python核心对象类型字符串
2018/02/11 Python
详解python中list的使用
2019/03/15 Python
django框架CSRF防护原理与用法分析
2019/07/22 Python
jupyter notebook中新建cell的方法与快捷键操作
2020/04/22 Python
Python flask框架端口失效解决方案
2020/06/04 Python
python转化excel数字日期为标准日期操作
2020/07/14 Python
HTML5 Canvas之测试浏览器是否支持Canvas的方法
2015/01/01 HTML / CSS
谈一谈HTML5本地存储技术
2016/03/02 HTML / CSS
浅谈amaze-ui中datepicker和datetimepicker注意的几点
2020/08/21 HTML / CSS
俄罗斯在线购买飞机票、火车票、巴士票网站:Tutu.ru
2020/03/16 全球购物
学习十八大精神心得体会
2013/12/31 职场文书
2015暑期工社会实践报告
2015/07/13 职场文书
创业计划书之川味火锅店
2019/09/02 职场文书
SQL Server中常用截取字符串函数介绍
2022/03/16 SQL Server
PostgreSQL常用字符串分割函数整理汇总
2022/07/07 PostgreSQL