獲取複選框值與JS

Question

所以我有2類複選框。

<input type="checkbox" name="foo" value="val1" /> 
    <input type="checkbox" name="foo" value="val2" /> 


    <input type="checkbox" name="bar" value="val1" /> 
    <input type="checkbox" name="bar" value="val2" /> 

當複選框被選中我想運行一個jQuery函數將分配兩個變量

var foo = //the values of the checked boxes with the foo name 
    var bar = //the values of the checked boxes with the bar name 

因此，可以說只有第一個複選框被這裏因爲兩者都檢查FOO組中被選中在酒吧組裏。該組值是如下

var foo = val1; 
var bar = val1,val2; 

什麼是通過共享相同的名稱/班看看，如果他們被檢查，如果這樣的價值添加到字符串的所有複選框進行搜索的最佳途徑？

Answer 1

你可以嘗試像

var foo = $("input:checkbox[name='foo']:checked").map(function(){ 
          return this.value; 
         }).get().join(','); 

var bar = $("input:checkbox[name='bar']:checked").map(function(){ 
          return this.value; 
         }).get().join(','); 

看到一個working demo

Answer 2

jQuery :checked selector來救援。

Answer 3

給您複選框共同類，然後：

$('.classofcheckbox').each(function() { 
    if ($(this).val()) { 
    // do stuff... 
    } 
}); 

或者更直接

$('.classofcheckbox:checked').each(function() { 
    // do stuff... 
}); 

Answer 4

獲取所有選中的複選框：

$(':checkbox').is(':checked').each(function() { 
    if ($(this).value) { 
    //get values here 
    } 
}); 

獲取所有複選框：

$(':checkbox').each(function() { 
    if ($(this).value) { 
    //get values here 
    } 
}); 

Answer 5

function checkedBoxesToString(name) { 
    var checked = []; 
    $('[name=' + name + ']:checked').each(function (a, b) { 
     checked.push($(b).val()); 
    }); 
    return checked.join(","); 
}