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 相关文章推荐
JavaScript Konami Code 实现代码
Jul 29 Javascript
jquery教程ajax请求json数据示例
Jan 13 Javascript
javascript读写json示例
Apr 11 Javascript
javascript if条件判断方法小结
May 17 Javascript
Javascript添加监听与删除监听用法详解
Dec 19 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
Feb 13 Javascript
JavaScript仿flash遮罩动画效果
Jun 15 Javascript
webstorm添加vue.js支持的方法教程
Jul 05 Javascript
js正则取值的结果数组调试方法
Oct 10 Javascript
vue柱状进度条图像的完美实现方案
Aug 26 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
Feb 03 Javascript
如何实现echarts markline标签名显示自己想要的
Jul 20 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
使用HMAC-SHA1签名方法详解
2013/06/26 PHP
PHP使用glob函数遍历目录或文件夹的方法
2014/12/16 PHP
初识PHP中的Swoole
2016/04/05 PHP
php分页原理 分页代码 分页类制作教程
2016/09/23 PHP
js小技巧--自动隐藏红叉叉
2007/08/13 Javascript
用jQuery实现检测浏览器及版本的脚本代码
2008/01/22 Javascript
JS 无限级 Select效果实现代码(json格式)
2011/08/30 Javascript
日历查询的算法 如何计算某一天是星期几
2012/12/12 Javascript
JQuery加载图片自适应固定大小的DIV
2013/09/12 Javascript
JavaScript取得WEB安全颜色列表的方法
2015/07/14 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
2015/08/17 Javascript
如何在JS中实现相互转换XML和JSON
2016/07/19 Javascript
ReactJs快速入门教程(精华版)
2016/11/28 Javascript
Bootstrap基本组件学习笔记之面板(14)
2016/12/08 Javascript
nodejs 终端打印进度条实例代码
2017/04/22 NodeJs
jquery网页加载进度条的实现
2017/06/01 jQuery
深入理解JavaScript创建对象的多种方式以及优缺点
2017/06/01 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
2018/09/18 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
vue封装swiper代码实例解析
2019/10/08 Javascript
详解Vue的watch中的immediate与watch是什么意思
2019/12/30 Javascript
python进阶教程之文本文件的读取和写入
2014/08/29 Python
Python设计模式之命令模式简单示例
2018/01/10 Python
Python图像处理之gif动态图的解析与合成操作详解
2018/12/30 Python
解决Pytorch训练过程中loss不下降的问题
2020/01/02 Python
有趣的Python图片制作之如何用QQ好友头像拼接出里昂
2020/04/22 Python
Python内置函数property()如何使用
2020/09/01 Python
关于django python manage.py startapp 应用名出错异常原因解析
2020/12/15 Python
法国票务网站:Ticketmaster法国
2018/07/09 全球购物
酒店服务与管理毕业生求职信
2013/11/02 职场文书
大学生个人推荐信范文
2013/11/25 职场文书
2014年银行客户经理工作总结
2014/11/12 职场文书
房产公证书样本
2015/01/23 职场文书
通讯稿范文
2015/07/22 职场文书
污染环境建议书
2015/09/14 职场文书
《攀登者》:“海拔8000米以上,你不能指望任何人”
2019/11/25 职场文书