首頁 > web前端 > js教程 > jquery判斷複選框是否被選取的方法

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

PHPz
發布: 2018-09-28 16:59:24
原創
1273 人瀏覽過

這篇文章主要介紹了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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板