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 split 的用法和定义 js split分割字符串成数组的实例代码
May 13 Javascript
ajax异步刷新实现更新数据库
Dec 03 Javascript
jquery form 加载数据示例
Apr 21 Javascript
jQuery+AJAX实现网页无刷新上传
Feb 22 Javascript
利用js实现禁止复制文本信息
Jun 03 Javascript
JavaScript实现图片滑动切换的代码示例分享
Mar 06 Javascript
通过JS和PHP两种方法判断用户请求时使用的浏览器类型
Sep 01 Javascript
详解Angular 自定义结构指令
Jun 21 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
Sep 05 Javascript
Vue兼容ie9的问题全面解决方案
Jun 19 Javascript
javascript canvas API内容整理
Feb 16 Javascript
微信小程序报错: thirdScriptError的错误问题
Jun 19 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框架的性能
2008/01/10 PHP
解析php框架codeigniter中如何使用框架的session
2013/06/24 PHP
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
2016/05/20 PHP
Javascript 遍历对象中的子对象
2009/07/03 Javascript
仅IE支持clearAttributes/mergeAttributes方法使用介绍
2012/05/04 Javascript
Jquery validation remote 验证的缓存问题解决方法
2014/03/25 Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
2015/11/26 Javascript
浅谈JS运算符&amp;&amp;和|| 及其优先级
2016/08/10 Javascript
Node.js批量给图片加水印的方法
2016/11/15 Javascript
搭建element-ui的Vue前端工程操作实例
2018/02/23 Javascript
vue-router跳转时打开新页面的两种方法
2019/07/29 Javascript
VueCli4项目配置反向代理proxy的方法步骤
2020/05/17 Javascript
[01:15:56]2018DOTA2亚洲邀请赛3月30日 小组赛A组 TNC VS Newbee
2018/03/31 DOTA
Python基于numpy灵活定义神经网络结构的方法
2017/08/19 Python
详解python3中tkinter知识点
2018/06/21 Python
python实现随机梯度下降法
2020/03/24 Python
基于python的Paxos算法实现
2019/07/03 Python
Flask框架模板继承实现方法分析
2019/07/31 Python
Python如何使用BeautifulSoup爬取网页信息
2019/11/26 Python
PyCharm使用Docker镜像搭建Python开发环境
2019/12/26 Python
使用pytorch搭建AlexNet操作(微调预训练模型及手动搭建)
2020/01/18 Python
PyCharm如何导入python项目的方法
2020/02/06 Python
详解Python中@staticmethod和@classmethod区别及使用示例代码
2020/12/14 Python
一款基于css3的列表toggle特效实例教程
2015/01/04 HTML / CSS
css3 border旋转时的动画应用
2016/01/22 HTML / CSS
详解HTML5 canvas绘图基本使用方法
2018/01/29 HTML / CSS
美国最大的在线生存商店:Survival Frog
2020/12/13 全球购物
应届生.NET方向面试题
2015/05/23 面试题
JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
2015/10/22 面试题
国际经济贸易专业推荐信
2013/11/06 职场文书
表决心的诗句大全
2014/03/11 职场文书
网络信息安全承诺书
2014/03/26 职场文书
《富饶的西沙群岛》教学反思
2014/04/09 职场文书
go使用Gin框架利用阿里云实现短信验证码功能
2021/08/04 Golang
CSS精灵图的原理与使用方法介绍
2022/03/17 HTML / CSS
Alexa停服!网站排名将何去何从?目前还没有替代品。
2022/04/15 杂记