jQuery - 獲取任何一組複選框的選中值

Question

我想確定最有效的方法（使用jquery或dom）來獲取一組複選框的值，如果您有其中之一。

當輸入複選框是表單的一部分時，這應該是通用的。但是，這個X瀏覽器是否安全，如何更有效地做到這一點，以及如果複選框不是表單的一部分呢？

function (domCheckboxElm) { 
    var result = $.map($(domCheckboxElm.form.elements[domCheckboxElm.name]).filter(":checked"), function(e) { 
     return $(e).val(); 
    }); 
    return result; 
} 

編輯：

作爲一個方面說明，性能是非常重要的位置。對於有幾個輸入元素的表單和具有數千個表單的表單，此算法是必需的。我的許多用戶都擁有非常舊的電腦（'02，'04，'05）。

Answer 1

我認爲解決的辦法我就必須去與我是同一個後備提出了通用"input:checkbox[name=" + elm.attr("name") + "]"如果元素是不是一種形式的部分之一。

Answer 2

首先： Select values of checkbox group with jQuery

性能真的不應該是一個問題，除非你有複選框以十萬計一遍要經過。你最好的選擇將是封裝股利或其他父DOM對象中的複選框，然後可以內的jQuery來限制它的DOM搜索：

HTML

<div id="checkboxDiv"> 
    <input type="checkbox" name="sample" value="isAPerson" />  
    <input type="checkbox" name="sample" value="isADog" /> 
    <input type="checkbox" name="sample" value="isACat" /> 
</div> 

jQuery的

var checkBoxArray=[]; 
$("#checkboxDiv input:checkbox").each(function(){ 
    checkBoxArray.push([$(this).attr("value"),$(this).attr("checked")]); 
}); 

這裏是實際的例子（假設你已經包括jQuery）：

<script type="text/javascript"> 

$("#checkboxDiv input:checkbox").click(function(){ 
    var checkBoxArray=[]; 
    $("#checkboxDiv input:checkbox").each(function(){ 
     checkBoxArray.push([$(this).attr("value"),$(this).attr("checked")]); 
    }); 
    $("#disp").empty().append(function(){ 
      var outputStr=""; 
      for (a in checkBoxArray){ 
       outputStr+=checkBoxArray[a][0]+": "+checkBoxArray[a][1]+"<br/>"; 
      } 
      return outputStr; 
     }); 
    }); 
</script> 

然後，在車身：

<div id="checkboxDiv"> 
    <input type="checkbox" name="sample" value="isAPerson" />  
    <input type="checkbox" name="sample" value="isADog" /> 
    <input type="checkbox" name="sample" value="isACat" /> 
</div> 

<div id="disp"></div>