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 fullscreen全屏实现代码
Apr 09 Javascript
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
Apr 27 Javascript
jQuery不兼容input的change事件问题解决过程
Dec 05 Javascript
AngularJS  ng-table插件设置排序
Sep 21 Javascript
JS禁止查看网页源代码的实现方法
Oct 12 Javascript
Javascript使用function创建类的两种方法(推荐)
Nov 19 Javascript
javascript 玩转Date对象(实例讲解)
Jul 11 Javascript
JavaScript实现的鼠标跟随特效示例【2则实例】
Dec 22 Javascript
微信小程序单选radio及多选checkbox按钮用法示例
Apr 30 Javascript
vue实现鼠标经过动画
Oct 16 Javascript
浅析vue中的provide / inject 有什么用处
Nov 10 Javascript
JavaScript实现简单动态表格
Dec 02 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 explode函数实例代码
2012/02/27 PHP
Laravel 5框架学习之用户认证
2015/04/09 PHP
php自动提交表单的方法(基于fsockopen与curl)
2016/05/09 PHP
使用swoole 定时器变更超时未支付订单状态的解决方案
2019/07/24 PHP
php使用Swoole实现毫秒级定时任务的方法
2020/09/04 PHP
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
zeroclipboard复制到剪切板的flash
2010/08/04 Javascript
JQuery显示隐藏页面元素的方法总结
2015/04/16 Javascript
JQuery自适应窗口大小导航菜单附源码下载
2015/09/01 Javascript
微信小程序 picker-view 组件详解及简单实例
2017/01/10 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
JavaScript基本类型值-Number类型
2017/02/24 Javascript
JS+CSS实现滚动数字时钟效果
2017/12/25 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
2018/09/15 Javascript
vue中如何实现后台管理系统的权限控制的方法示例
2018/09/19 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
2019/05/02 Javascript
JavaScript Math对象和调试程序的方法分析
2019/05/13 Javascript
Servlet返回的数据js解析2种方法
2019/12/12 Javascript
[56:45]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第一局
2016/02/28 DOTA
[01:01:04]2018DOTA2亚洲邀请赛 4.5 淘汰赛 OpTic vs TNC 第一场
2018/04/06 DOTA
python对字典进行排序实例
2014/09/25 Python
在Python的框架中为MySQL实现restful接口的教程
2015/04/08 Python
Python 获取当前所在目录的方法详解
2017/08/02 Python
python3实现指定目录下文件sha256及文件大小统计
2019/02/25 Python
python如何把字符串类型list转换成list
2020/02/18 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
如何使用PyCharm引入需要使用的包的方法
2020/09/22 Python
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
如何进行Linux分区优化
2016/09/13 面试题
集团公司人力资源部岗位职责
2014/01/03 职场文书
甜点店创业计划书
2014/01/27 职场文书
群众对十八届四中全会的期盼
2014/10/17 职场文书
大二学生自我检讨书
2014/10/23 职场文书
工作计划范文之财务管理
2019/08/09 职场文书
《孙子兵法》:欲成大事者,需读懂这些致胜策略
2019/08/23 职场文书
使用CSS实现六边形的图片效果
2022/08/05 HTML / CSS