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 页面输出值
Nov 30 Javascript
ext 列表页面关于多行查询的办法
Mar 25 Javascript
JavaScript基础知识之数据类型
Aug 06 Javascript
JavaScript中的闭包(Closure)详细介绍
Dec 30 Javascript
JavaScript+html5 canvas实现本地截图教程
Apr 16 Javascript
使用jQuery的easydrag插件实现可拖动的DIV弹出框
Feb 19 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
Jun 03 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
Nov 18 Javascript
JS实现JSON.stringify的实例代码讲解
Feb 07 Javascript
深入学习 JavaScript中的函数调用
Mar 23 Javascript
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
May 08 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
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
php的curl封装类用法实例
2014/11/07 PHP
php 中奖概率算法实现代码
2017/01/25 PHP
PHP实现限制IP访问的方法
2017/04/20 PHP
php中curl和soap方式请求服务超时问题的解决
2018/06/11 PHP
PHP7.1实现的AES与RSA加密操作示例
2018/06/15 PHP
JS拖动技术 关于setCapture使用
2010/12/09 Javascript
innerHTML与jquery里的html()区别介绍
2012/10/12 Javascript
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
Node.js生成HttpStatusCode辅助类发布到npm
2013/04/09 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
2013/12/11 Javascript
node.js入门教程
2014/06/01 Javascript
jQuery 插件开发指南
2014/11/14 Javascript
JS实现浏览器状态栏显示时间的方法
2015/10/27 Javascript
原生JS和jQuery版实现文件上传功能
2016/04/18 Javascript
JQuery validate插件Remote用法大全
2016/05/15 Javascript
微信小程序 支付后台java实现实例
2017/05/09 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
2017/08/17 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
vue项目中定义全局变量、函数的几种方法
2019/11/08 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
Python程序设计入门(1)基本语法简介
2014/06/13 Python
Python类的专用方法实例分析
2015/01/09 Python
python点击鼠标获取坐标(Graphics)
2019/08/10 Python
python matplotlib中的subplot函数使用详解
2020/01/19 Python
python3注册全局热键的实现
2020/03/22 Python
J.Crew官网:美国知名休闲服装品牌
2017/05/19 全球购物
可以在一个PHP文件里面include另外一个PHP文件两次吗
2015/05/22 面试题
用JAVA SOCKET编程,读服务器几个字符,再写入本地显示
2012/11/25 面试题
shell程序如何生命变量?shell变量是弱变量吗?
2014/11/10 面试题
网络公司美工设计工作个人的自我评价
2013/11/03 职场文书
个人自我评价分享
2013/12/20 职场文书
药剂专业个人求职信范文
2014/04/29 职场文书
社团活动总结格式
2014/08/29 职场文书
教师个人年度总结
2015/02/11 职场文书
Python爬虫基础之初次使用scrapy爬虫实例
2021/06/26 Python