DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> jquery判斷復選框是否被選中的方法
jquery判斷復選框是否被選中的方法
編輯:關於JavaScript     

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判斷復選框是否選中實例》

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved