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 相关文章推荐
jquery的$(document).ready()和onload的加载顺序
May 26 Javascript
使用Jquery实现点击文字后变成文本框且可修改
Sep 21 Javascript
动态加载js的方法汇总
Feb 13 Javascript
javascript中使用正则表达式清理table样式的代码
Apr 01 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
Sep 12 Javascript
JS实现网页Div层Clone拖拽效果
Sep 26 Javascript
详细探究ES6之Proxy代理
Jul 22 Javascript
微信小程序 Flex布局详解
Oct 09 Javascript
vue.js如何更改默认端口号8080为指定端口的方法
Jul 14 Javascript
vue.js实现只弹一次弹框
Jan 29 Javascript
ExtJs整合Echarts的示例代码
Feb 27 Javascript
详解在React-Native中持久化redux数据
May 22 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
php4的session功能评述(一)
2006/10/09 PHP
PHP生成Flash动画的实现代码
2010/03/12 PHP
PHP 常用数组内部函数(Array Functions)介绍
2013/06/05 PHP
php $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
简单了解WordPress开发中update_option()函数的用法
2016/01/11 PHP
程序员的表白神器“520”大声喊出来
2016/05/20 PHP
PHP实现找出链表中环的入口节点
2018/01/16 PHP
Windows下wamp php单元测试工具PHPUnit安装及生成日志文件配置方法
2018/05/28 PHP
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
PHP过滤器 filter_has_var() 函数用法实例分析
2020/04/23 PHP
javascript AutoScroller 函数类
2009/05/29 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
2013/01/04 Javascript
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
2013/08/05 Javascript
jquery配合css简单实现返回顶部效果
2013/09/30 Javascript
Node.js编码规范
2014/07/14 Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
2014/08/18 Javascript
jQuery中:animated选择器用法实例
2014/12/29 Javascript
javascript中setAttribute()函数使用方法及兼容性
2015/07/19 Javascript
js判断某个字符出现的次数的简单实例
2016/06/03 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
2018/12/10 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
2019/06/18 Javascript
nodejs和react实现即时通讯简易聊天室功能
2019/08/21 NodeJs
[01:14:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Orenda
2014/05/22 DOTA
[01:36]DOTA2完美大师赛趣味视频之与队友相处的十万个技巧
2017/11/19 DOTA
详解Python里使用正则表达式的ASCII模式
2017/11/02 Python
解决pycharm安装第三方库失败的问题
2020/05/09 Python
appium+python自动化配置(adk、jdk、node.js)
2020/11/17 Python
纯CSS改变webkit内核浏览器的滚动条样式
2014/04/17 HTML / CSS
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
实习医生自我评价
2013/09/22 职场文书
毕业生个人的自我评价优秀范文
2013/10/03 职场文书
致铅球运动员广播稿精选
2014/01/12 职场文书
2014年机关工会工作总结
2014/12/19 职场文书
导师工作推荐信
2015/03/27 职场文书
中学社团活动总结
2015/05/07 职场文书
MySQL 不等于的三种使用及区别
2021/06/03 MySQL