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 相关文章推荐
使用Modello编写JavaScript类
Dec 22 Javascript
JS正则表达式验证数字代码
Jan 28 Javascript
JS+CSS实现可拖动的弹出提示框
Feb 16 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
Apr 14 Javascript
AngularJS优雅的自定义指令
Jul 01 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
Dec 13 Javascript
jQuery实用密码强度检测
Mar 02 Javascript
ReactNative 之FlatList使用及踩坑封装总结
Nov 29 Javascript
Vue实现数据表格合并列rowspan效果
Nov 30 Javascript
如何在Angular8.0下使用ngx-translate进行国际化配置
Jul 24 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
Vue实现浏览器打印功能的代码
Apr 17 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
建立动态的WML站点(三)
2006/10/09 PHP
PHP实现网上点歌(二)
2006/10/09 PHP
初识通用数据库操作类――前端easyui-datagrid,form(php)
2015/07/31 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
PHP操作MySQL的mysql_fetch_* 函数的常见用法教程
2015/12/25 PHP
windows server 2008/2012安装php iis7 mysql环境搭建教程
2016/06/30 PHP
浅谈PHP中的面向对象OOP中的魔术方法
2017/06/12 PHP
彻底搞懂PHP 变量结构体
2017/10/11 PHP
JavaScript For Beginners(转载)
2007/01/05 Javascript
javascript之卸载鼠标事件的代码
2007/05/14 Javascript
jQuery学习5 jQuery事件模型
2010/02/07 Javascript
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】
2016/08/23 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
2017/03/21 Javascript
Vue和Bootstrap的整合思路详解
2017/06/30 Javascript
JS跳转手机站url的若干注意事项
2017/10/18 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
Vue实现简单分页器
2018/12/29 Javascript
es6 filter() 数组过滤方法总结
2019/04/03 Javascript
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
[50:50]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.20
2020/12/23 DOTA
python实现日常记账本小程序
2018/03/10 Python
Python实现决策树C4.5算法的示例
2018/05/30 Python
Django JWT Token RestfulAPI用户认证详解
2019/01/23 Python
浅析Python中字符串的intern机制
2020/10/03 Python
HTML5+CSS设置浮动却没有动反而在中间且错行的问题
2020/05/26 HTML / CSS
会计毕业生自荐信
2013/11/21 职场文书
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
工商管理专业职业生涯规划
2014/01/01 职场文书
生产班组长岗位职责
2014/01/05 职场文书
小学生家长评语集锦
2014/01/30 职场文书
经贸专业毕业生求职信
2014/03/23 职场文书
横店影视城导游词
2015/02/06 职场文书
慰问信模板
2015/02/14 职场文书
2015年档案室工作总结
2015/05/23 职场文书
创业计划书之花店
2019/09/20 职场文书