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 相关文章推荐
用javascript getComputedStyle获取和设置style的原理
Oct 10 Javascript
jquery.jstree 增加节点的双击事件代码
Jul 27 Javascript
滚动图片效果 jquery实现回旋滚动效果
Jan 08 Javascript
javascript函数重载解决方案分享
Feb 19 Javascript
javascript中的括号()用法小结
Apr 14 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
Aug 07 Javascript
jquery判断复选框是否被选中的方法
Oct 16 Javascript
跟我学习javascript创建对象(类)的8种方法
Nov 20 Javascript
微信开发 js实现tabs选项卡效果
Oct 28 Javascript
vue-cli 组件的导入与使用教程详解
Apr 11 Javascript
在vue-cli中引入lodash.js并使用详解
Nov 13 Javascript
微信小程序实现菜单左右联动
May 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
天使彦史上最神还原,性别曝光的那一刻,百万网友恋爱了
2020/03/02 国漫
如何利用PHP执行.SQL文件
2013/07/05 PHP
注意:php5.4删除了session_unregister函数
2013/08/05 PHP
CodeIgniter记录错误日志的方法全面总结
2016/05/17 PHP
JavaScript 设计模式学习 Factory
2009/07/29 Javascript
一个简单的js鼠标划过切换效果
2010/06/30 Javascript
基于jQuery的自动完成插件
2011/02/03 Javascript
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
nodejs npm包管理的配置方法及常用命令介绍
2014/06/05 NodeJs
JavaScript DSL 流畅接口(使用链式调用)实例
2015/03/15 Javascript
纯js实现重发验证码按钮倒数功能
2015/04/21 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
2016/01/19 Javascript
Jquery实现简单的轮播效果(代码管用)
2016/03/14 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
2017/08/14 Javascript
JavaScript实现无限级递归树的示例代码
2019/03/29 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
2019/05/05 Javascript
JavaScript中的连续赋值问题实例分析
2019/07/12 Javascript
详解利用eventemitter2实现Vue组件通信
2019/11/04 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
2020/02/26 Javascript
一分钟学会JavaScript中的try-catch
2020/12/14 Javascript
Django 多语言教程的实现(i18n)
2018/07/07 Python
10个示例带你掌握python中的元组
2020/11/23 Python
HTML5 Canvas实现烟花绽放特效
2016/03/02 HTML / CSS
使用html5 canvas绘制圆环动效
2019/06/03 HTML / CSS
伦敦高达60%折扣的钻石珠宝商:Purely Diamonds
2018/06/24 全球购物
描述Cookie和Session的作用,区别和各自的应用范围,Session工作原理
2015/03/25 面试题
轻金属冶金专业毕业生自荐信
2013/11/02 职场文书
医科大学生的自我评价
2013/12/04 职场文书
违反学校规定检讨书
2014/01/18 职场文书
店长职务说明书
2014/02/04 职场文书
房地产项目策划书
2014/02/05 职场文书
见习报告的格式
2014/11/04 职场文书
客户答谢会致辞
2015/01/20 职场文书
大学生个人简历自我评价
2015/03/11 职场文书
多台电脑共享文件怎么设置?多台电脑共享文件操作教程
2022/04/08 数码科技