jquery判断复选框是否被选中的方法


Posted in Javascript onOctober 16, 2015

jquery 判断复选框是否选中以及如何选中的问题做一下总结。
进入正题,还是当页面有如下一组复选框的时候:

<input type="checkbox" name="fruit" value="apple" />苹果 
<input type="checkbox" name="fruit" value="orange" />橘子 
<input type="checkbox" name="fruit" value="banana" />香蕉 
<input type="checkbox" name="fruit" value="grape" />葡萄

那么使用 Jquery 获取 name=fruit 的一组复选框的值的方法如下:

var checkVal=''; 
$("input[name='fruit']:checkbox").each(function(){ 
  if($(this).attr('checked')){ 
    checkVal+=$(this).val()+','; 
  } 
}) 
判断 name=fruit 组的复选框是否有被选中的选项:
var flag=false; 
$("input[name='fruit']:checkbox").each(function(){ 
  if($(this).attr('checked')){ 
    flag=true; 
  } 
}) 
if(flag){ 
  alert('有被选中'); 
}else{ 
  alert('没有选中任何选项'); 
}

以上就是jquery判断复选框是否被选中的方法,希望对大家的学习有所帮助,还有用js获取的,请参考《JS判断复选框是否选中实例》

Javascript 相关文章推荐
详解new function(){}和function(){}() 区别分析
Mar 22 Javascript
js querySelector和getElementById通过id获取元素的区别
Apr 20 Javascript
JS中数组Array的用法示例介绍
Feb 20 Javascript
jQuery提示效果代码分享
Nov 20 Javascript
js动态切换图片的方法
Jan 20 Javascript
Javascript进制转换实例分析
May 14 Javascript
实例讲解避免javascript冲突的方法
Jan 03 Javascript
js常用的继承--组合式继承
Mar 06 Javascript
vue.js全局API之nextTick全面解析
Jul 07 Javascript
JavaScript实现图片懒加载的方法分析
Jul 05 Javascript
vue实现带复选框的树形菜单
May 27 Javascript
javascript对象3个属性特征
Nov 17 Javascript
基于jquery实现复选框全选,反选,全不选等功能
Oct 16 #Javascript
js生成随机数的方法实例
Oct 16 #Javascript
jQuery实现商品活动倒计时
Oct 16 #Javascript
js如何打印object对象
Oct 16 #Javascript
JavaScript各类型的关系图解
Oct 16 #Javascript
js实现新浪微博首页效果
Oct 16 #Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 #Javascript
You might like
PHP 时间转换Unix时间戳代码
2010/01/22 PHP
PHP分页详细讲解(有实例)
2013/10/30 PHP
输入值/表单提交参数过滤有效防止sql注入的方法
2013/12/25 PHP
php+mysql删除指定编号员工信息的方法
2015/01/14 PHP
Yii使用smsto短信接口的函数demo示例
2016/07/13 PHP
javascript读取RSS数据
2007/01/20 Javascript
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
javascript iframe中打开文件,并检测iframe存在否
2008/12/28 Javascript
日期 时间js控件
2009/05/07 Javascript
jquery map方法使用示例
2014/04/23 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
2015/04/12 Javascript
js钢琴按钮波浪式图片排列效果代码分享
2015/08/26 Javascript
jQuery实现获取h1-h6标题元素值的方法
2017/03/06 Javascript
vue2 全局变量的设置方法
2018/03/09 Javascript
webpack4.0打包优化策略整理小结
2018/03/30 Javascript
详解vue移动端项目代码拆分记录
2019/03/15 Javascript
vue中使用element ui的弹窗与echarts之间的问题详解
2019/10/25 Javascript
微信小程序自定义底部弹出框动画
2020/11/18 Javascript
pycharm创建一个python包方法图解
2019/04/10 Python
公认8个效率最高的爬虫框架
2020/07/28 Python
CSS3制作hover下划线动画
2017/03/27 HTML / CSS
HTML5实现表单自动验证功能实例代码
2017/01/11 HTML / CSS
英国鹦鹉店:Parrot Essentials
2018/12/03 全球购物
沙特阿拉伯电子产品和家用电器购物网站:Black Box
2019/07/24 全球购物
斯洛伐克电子产品购物网站:DATART
2020/04/05 全球购物
Linux面试题LINUX系统类
2015/11/25 面试题
Linux文件操作命令都有哪些
2016/07/23 面试题
简单的JAVA编程面试题
2013/03/19 面试题
自我鉴定怎么写
2014/01/12 职场文书
优秀本科生求职推荐信
2014/02/24 职场文书
民政工作个人总结
2015/02/28 职场文书
2016年小学生清明节广播稿
2015/12/17 职场文书
小学体育跳绳课教学反思
2016/02/16 职场文书
社区结对共建协议书
2016/03/23 职场文书
Python使用UDP实现720p视频传输的操作
2021/04/24 Python
Nginx性能优化之Gzip压缩设置详解(最大程度提高页面打开速度)
2022/02/12 Servers