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 相关文章推荐
js兼容的placeholder属性详解
Aug 18 Javascript
再谈Jquery Ajax方法传递到action(补充)
May 12 Javascript
javascript中数组的定义及使用实例
Jan 21 Javascript
可以浮动某个物体的jquery控件用法实例
Jul 24 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
Aug 24 Javascript
AngularJS包括详解及示例代码
Aug 17 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
Dec 28 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
Mar 13 Javascript
React-Native 组件之 Modal的使用详解
Aug 08 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
使用JS获取页面上的所有标签
Oct 18 Javascript
js设计模式之代理模式及订阅发布模式实例详解
Aug 15 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
手冲咖啡应该是现代精品咖啡店的必备选项吗?
2021/03/03 冲泡冲煮
adodb与adodb_lite之比较
2006/12/31 PHP
PHP进行批量任务处理不超时的解决方法
2016/07/11 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
Laravel 自带的Auth验证登录方法
2019/09/30 PHP
node.js中的http.response.end方法使用说明
2014/12/14 Javascript
jQuery中:enabled选择器用法实例
2015/01/04 Javascript
超漂亮的jQuery图片轮播特效
2015/11/24 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
2016/07/07 Javascript
Nodejs进阶:如何将图片转成datauri嵌入到网页中去实例
2016/11/21 NodeJs
jQuery网页定位导航特效实现方法
2016/12/19 Javascript
js中变量的连续赋值(实例讲解)
2017/07/08 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
webpack项目轻松混用css module的方法
2018/06/12 Javascript
详解VUE单页应用骨架屏方案
2019/01/17 Javascript
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
2019/03/06 jQuery
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
2019/09/11 Javascript
JavaScript的变量声明与声明提前用法实例分析
2019/11/26 Javascript
[09:31]2016国际邀请赛中国区预选赛Yao赛后采访 答题送礼
2016/06/27 DOTA
详解Python list 与 NumPy.ndarry 切片之间的对比
2017/07/24 Python
详解Python中的分组函数groupby和itertools)
2018/07/11 Python
python实现抽奖小程序
2020/04/15 Python
python实现两个dict合并与计算操作示例
2019/07/01 Python
python实现门限回归方式
2020/02/29 Python
python 使用paramiko模块进行封装,远程操作linux主机的示例代码
2020/12/03 Python
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
解析HTML5的存储功能和web SQL的相关操作方法
2016/02/19 HTML / CSS
任意存:BOXFUL
2018/05/21 全球购物
进程的查看和调度分别使用什么命令
2013/12/14 面试题
技术副厂长岗位职责
2013/12/26 职场文书
公务员培训心得体会
2013/12/28 职场文书
反对四风自我剖析材料
2014/10/07 职场文书
2015年学校党建工作总结
2015/05/19 职场文书
高端收音机+蓝牙音箱,JBL TUNER FM带收音蓝牙音箱评测
2021/04/24 无线电
js不常见操作运算符总结
2021/11/20 Javascript