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 相关文章推荐
input的focus方法使用
Mar 13 Javascript
批量实现面向对象的实例代码
Jul 01 Javascript
Query中click(),bind(),live(),delegate()的区别
Nov 19 Javascript
jQuery中:hidden选择器用法实例
Dec 30 Javascript
jquery实现图片左右切换的方法
May 07 Javascript
基于JavaScript实现div层跟随滚动条滑动
Jan 12 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
Mar 08 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
May 13 Javascript
Javascript简写条件语句(推荐)
Jun 12 Javascript
vue 组件 全局注册和局部注册的实现
Feb 28 Javascript
elementUI select组件默认选中效果实现的方法
Mar 25 Javascript
让Vue响应Map或Set的变化操作
Nov 11 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
微信公众号点击菜单即可打开并登录微站的实现方法
2014/11/14 PHP
jquery ui dialog里调用datepicker的问题
2009/08/06 Javascript
简单的Jquery全选功能
2013/11/07 Javascript
js拖动div 当鼠标移动时整个div也相应的移动
2013/11/21 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
2014/06/06 Javascript
jQuery设置和移除文本框默认值的方法
2015/03/09 Javascript
整理Javascript事件响应学习笔记
2015/12/02 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
JavaScript编程学习技巧汇总
2016/02/21 Javascript
全面理解JavaScript中的闭包
2016/05/12 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
2016/06/24 Javascript
Vue.js -- 过滤器使用总结
2017/02/18 Javascript
js判断用户是输入的地址请求的路径(实例讲解)
2017/07/18 Javascript
react-native使用leanclound消息推送的方法
2018/08/06 Javascript
vue组件命名和props命名代码详解
2019/09/01 Javascript
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
2020/04/10 Javascript
Python多线程下载文件的方法
2015/07/10 Python
使用python实现链表操作
2018/01/26 Python
Python中实例化class的执行顺序示例详解
2018/10/14 Python
Python3操作MongoDB增册改查等方法详解
2020/02/10 Python
Python使用graphviz画流程图过程解析
2020/03/31 Python
Python实现七个基本算法的实例代码
2020/10/08 Python
opencv+pyQt5实现图片阈值编辑器/寻色块阈值利器
2020/11/13 Python
Python 中 sorted 如何自定义比较逻辑
2021/02/02 Python
conda安装tensorflow和conda常用命令小结
2021/02/20 Python
荟萃全球保健品:维他购
2018/05/09 全球购物
班级活动策划书
2014/02/06 职场文书
餐饮总经理岗位职责
2014/03/07 职场文书
寄语学生的话
2014/04/10 职场文书
2015年复活节活动总结
2015/02/27 职场文书
2015年销售部工作总结范文
2015/04/27 职场文书
敬老院义诊活动总结
2015/05/07 职场文书
民事诉讼答辩状范文
2015/05/21 职场文书
少先队入队仪式主持词
2015/07/04 职场文书
Java线程的6种状态与生命周期
2022/05/11 Java/Android