如何將複選框中的值添加到數組中

Question

我有一個包含幾個複選框的表單。發送這個表單後，我需要將這些複選框（值）傳遞給一個javascript數組。

請問誰能幫我個忙，怎麼辦？

Answer 1

var form = document.getElementById("yourformname"), 
    inputs = form.getElementsByTagName("input"), 
    arr = []; 

for (var i = 0, max = inputs.length; i < max; i += 1) { 
    // Take only those inputs which are checkbox 
    if (inputs[i].type === "checkbox" && inputs[i].checked) { 
     arr.push(inputs[i].value); 
    } 
} 

Answer 2

使用jQuery你可以做這樣的事情：

var checkboxArr=[]; 
$('input[type=checkbox]').each(function(){ 
    checkboxArr.push(this); 
}); 

未經測試，不知道如何做到這一點的純JS的工作，也許它可以爲您指出正確的方向

Answer 3

var values = [], 
    inputs = document.getElementsByTagName("input"); 

for (var i = inputs.length -1 ; i>= 0; i--) 
    if (inputs[i].type === "checkbox" && inputs[i].checked) 
      values.push(inputs[i].value); 

純JS。

Answer 4

您可以在jsfiddle測試以下功能：

function getCheckboxes(form_id, name) { 
    // returns array of checked checkboxes with 'name' in 'form_id' 
    var form = document.getElementById(form_id); 
    var inputs = form.getElementsByTagName("input"); 
    var values = []; 
    for (var i = 0; i < inputs.length; ++i) { 
     if (inputs[i].type === "checkbox" && 
      inputs[i].name === name && 
      inputs[i].checked) 
     { 
      values.push(inputs[i].value); 
     } 
    } 
    return values; 
}