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 相关文章推荐
关于实现代码语法标亮 dp.SyntaxHighlighter
Feb 02 Javascript
jquery操作cookie插件分享
Jan 14 Javascript
js实现DOM走马灯特效的方法
Jan 21 Javascript
Node.js Addons翻译(C/C++扩展)
Jun 12 Javascript
JavaScript中创建对象的7种模式详解
Feb 21 Javascript
使用D3.js+Vue实现一个简单的柱形图
Aug 05 Javascript
React styled-components设置组件属性的方法
Aug 07 Javascript
详解vue父子组件关于模态框状态的绑定方案
Jun 05 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
Dec 06 Javascript
JS+DIV实现拖动效果
Feb 11 Javascript
如何vue使用el-table遍历循环表头和表体数据
Apr 26 Vue.js
React更新渲染原理深入分析
Dec 24 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
总集篇&特番节目先行播出!《SAO Alicization War of Underworld》第2季度TV动画4月25日放送!
2020/03/06 日漫
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
ext 代码生成器
2009/08/07 Javascript
jquery如何通过name名称获取当前name的value值
2013/12/20 Javascript
JavaScript取得WEB安全颜色列表的方法
2015/07/14 Javascript
谷歌Chrome浏览器扩展程序开发小记
2016/01/06 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
2016/01/18 Javascript
详解JavaScript对象序列化
2016/01/19 Javascript
使用JQuery中的trim()方法去掉前后空格
2016/09/16 Javascript
浅谈JS验证表单文本域输入空格的问题
2017/02/14 Javascript
JS原型与原型链的深入理解
2017/02/15 Javascript
js中document.referrer实现移动端返回上一页
2017/02/22 Javascript
解决vue-router进行build无法正常显示路由页面的问题
2018/03/06 Javascript
vue中选项卡点击切换且能滑动切换功能的实现代码
2018/11/25 Javascript
使用puppeteer爬取网站并抓出404无效链接
2018/12/20 Javascript
微信小程序保存多张图片的实现方法
2019/03/05 Javascript
JavaScript中常用的简洁高级技巧总结
2019/03/10 Javascript
node.js处理前端提交的GET请求
2019/08/30 Javascript
Nuxt的路由配置和参数传递方式
2020/11/06 Javascript
Js利用正则表达式去除字符串的中括号
2020/11/23 Javascript
python实现的一只从百度开始不断搜索的小爬虫
2013/08/13 Python
python脚本实现查找webshell的方法
2014/07/31 Python
python使用win32com库播放mp3文件的方法
2015/05/30 Python
dataframe设置两个条件取值的实例
2018/04/12 Python
jupyter notebook读取/导出文件/图片实例
2020/04/16 Python
Python 删除List元素的三种方法remove、pop、del
2020/11/16 Python
全球最大最受欢迎的旅游社区:Tripadvisor
2017/11/03 全球购物
请写一个C函数,若处理器是Big_endian的,则返回0;若是Little_endian的,则返回1
2015/07/16 面试题
世界经理人咨询有限公司面试
2014/09/23 面试题
美术专业学生个人自我评价
2013/09/19 职场文书
公司年会抽奖活动主持词
2014/03/31 职场文书
项目投资建议书
2014/05/16 职场文书
上班迟到检讨书
2014/09/15 职场文书
人事行政部各岗位职责说明书!
2019/07/15 职场文书
纪念建国70周年演讲稿
2019/07/19 职场文书
导游词之南京莫愁湖公园
2019/11/13 职场文书