首頁  >  文章  >  web前端  >  jquery判斷複選框是否被選取的方法

jquery判斷複選框是否被選取的方法

PHPz
PHPz原創
2016-05-16 15:36:241242瀏覽

這篇文章主要介紹了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影片教學

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn