首页 > web前端 > js教程 > 正文

jquery判断复选框是否被选中的方法

PHPz
发布: 2018-09-28 16:59:24
原创
1198 人浏览过

这篇文章主要介绍了jquery判断复选框是否被选中的方法,需要的朋友可以参考下。

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=&#39;&#39;; 
$("input[name=&#39;fruit&#39;]:checkbox").each(function(){ 
  if($(this).attr(&#39;checked&#39;)){ 
    checkVal+=$(this).val()+&#39;,&#39;; 
  } 
}) 
判断 name=fruit 组的复选框是否有被选中的选项:
var flag=false; 
$("input[name=&#39;fruit&#39;]:checkbox").each(function(){ 
  if($(this).attr(&#39;checked&#39;)){ 
    flag=true; 
  } 
}) 
if(flag){ 
  alert(&#39;有被选中&#39;); 
}else{ 
  alert(&#39;没有选中任何选项&#39;); 
}
登录后复制

以上就是jquery判断复选框是否被选中的方法,希望对大家的学习有所帮助,以上就是本章的全部内容,更多相关教程请访问jQuery视频教程

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!