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 相关文章推荐
鼠标事件延时切换插件
Mar 12 Javascript
jquery禁用右键单击功能屏蔽F5刷新
Mar 17 Javascript
js如何打印object对象
Oct 16 Javascript
jQuery实现图片局部放大镜效果
Mar 17 Javascript
JavaScript实现页面跳转的方式汇总
May 16 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
May 18 Javascript
jQuery中选择器的基础使用教程
May 23 Javascript
AngularJS入门教程之过滤器用法示例
Nov 02 Javascript
文件上传插件SWFUpload的使用指南
Nov 29 Javascript
node.js基于mongodb的搜索分页示例
Jan 22 Javascript
微信浏览器左上角返回按钮监听的实现
Mar 04 Javascript
在vue中使用vant TreeSelect分类选择组件操作
Nov 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
获取客户端电脑日期时间js代码(jquery)
2012/09/12 Javascript
jQuery写的日历(包括日历的样式及功能)
2013/04/23 Javascript
JS中的异常处理方法分享
2013/12/22 Javascript
javascript控制在光标位置插入文字适合表情的插入
2014/06/09 Javascript
jQuery中extend函数详解
2015/02/13 Javascript
jquery动感漂浮导航菜单代码分享
2020/04/15 Javascript
js跨域请求数据的3种常用的方法
2015/12/01 Javascript
AngularJS使用angular-formly进行表单验证
2015/12/27 Javascript
jquery插件之文字间歇自动向上滚动效果代码
2016/02/25 Javascript
Angular和百度地图的结合实例代码
2016/10/19 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
解决使用vue.js路由后失效的问题
2018/03/17 Javascript
详解Vue CLI3配置解析之css.extract
2018/09/14 Javascript
Vue中Table组件Select的勾选和取消勾选事件详解
2019/03/19 Javascript
VUE 实现复制内容到剪贴板的两种方法
2019/04/24 Javascript
微信小程序实现商城倒计时
2020/11/01 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
[01:00:44]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第三局
2016/03/04 DOTA
Python中的迭代器漫谈
2015/02/03 Python
Python while、for、生成器、列表推导等语句的执行效率测试
2015/06/03 Python
TensorFlow安装及jupyter notebook配置方法
2017/09/08 Python
Python实现判断一行代码是否为注释的方法
2018/05/23 Python
PyCharm下载和安装详细步骤
2019/12/17 Python
python+selenium爬取微博热搜存入Mysql的实现方法
2021/01/27 Python
JavaScript+Canvas实现自定义画板的示例代码
2019/05/13 HTML / CSS
在Java开发中如何选择使用哪种集合类
2016/08/09 面试题
实习生自我鉴定范文
2013/12/05 职场文书
高中毕业自我鉴定
2013/12/22 职场文书
20年同学聚会邀请函
2014/02/04 职场文书
德语专业求职信
2014/03/12 职场文书
岗位标兵事迹材料
2014/05/17 职场文书
关于感谢信的范文
2015/01/23 职场文书
外出考察学习心得体会
2016/01/18 职场文书
导游词之平津战役纪念馆
2019/11/04 职场文书
Python基于Opencv识别两张相似图片
2021/04/25 Python
Python pandas求方差和标准差的方法实例
2021/08/04 Python