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解决iframe高度自适应代码
Dec 20 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
Oct 29 Javascript
三种动态加载js的jquery实例代码另附去除js方法
Apr 30 Javascript
JSON+HTML实现国家省市联动选择效果
May 18 Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
Apr 05 Javascript
Nginx上传文件全部缓存解决方案
Aug 17 Javascript
多种js图片预加载实现方式分享
Feb 19 Javascript
微信小程序 触控事件详细介绍
Oct 17 Javascript
angularjs中回车键触发某一事件的方法
Apr 24 Javascript
Rollup处理并打包JS文件项目实例代码
May 31 Javascript
微信小程序自定义多列选择器使用详解
Jun 21 Javascript
javascript移动端 电子书 翻页效果实现代码
Sep 07 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
PHP函数学习之PHP函数点评
2012/07/05 PHP
php+webSoket实现聊天室示例代码(附源码)
2017/02/17 PHP
BOOM vs RR BO3 第一场2.13
2021/03/10 DOTA
理解Javascript_08_函数对象
2010/10/15 Javascript
javascript同页面多次调用弹出层具体实例代码
2013/08/16 Javascript
在javascript中如何得到中英文混合字符串的长度
2014/01/17 Javascript
NodeJS学习笔记之Connect中间件应用实例
2015/01/27 NodeJs
js去除浏览器默认底图的方法
2015/06/08 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
2015/09/04 Javascript
js+css简单实现网页换肤效果
2015/12/29 Javascript
pc加载更多功能和移动端下拉刷新加载数据
2016/11/07 Javascript
jQuery根据ID、CLASS、等获取对象的实例
2016/12/04 Javascript
详解Angular2中Input和Output用法及示例
2017/05/21 Javascript
基于js中document.cookie全面解析
2017/09/14 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
2018/03/12 Javascript
jQuery中将json数据显示到页面表格的方法
2018/05/27 jQuery
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
详解auto-vue-file:一个自动创建vue组件的包
2019/04/26 Javascript
v-slot和slot、slot-scope之间相互替换实例
2020/09/04 Javascript
修改NPM全局模式的默认安装路径的方法
2020/12/15 Javascript
使用Python中的线程进行网络编程的入门教程
2015/04/15 Python
Python redis操作实例分析【连接、管道、发布和订阅等】
2019/05/16 Python
python3使用腾讯企业邮箱发送邮件的实例
2019/06/28 Python
python pyecharts 实现一个文件绘制多张图
2020/05/13 Python
python的json包位置及用法总结
2020/06/21 Python
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
瑞典快乐袜子:Happy Socks
2018/02/16 全球购物
Vrbo西班牙:预订您的度假公寓(公寓、乡村房屋…)
2020/04/27 全球购物
如何提高JDBC的性能
2013/04/30 面试题
医学生临床实习自我评价
2014/03/07 职场文书
弄虚作假心得体会
2014/09/10 职场文书
武夷山导游词
2015/02/03 职场文书
寒假社会实践个人总结
2015/03/06 职场文书
公司行政主管岗位职责
2015/04/09 职场文书
PostgreSQL常用字符串分割函数整理汇总
2022/07/07 PostgreSQL