獲取所有選中的複選框，可能有相同的值

Question

我已經準備了jsFiddle我的問題：

在一個文字遊戲，我想在玩家手中所有信牌顯示一個對話框 - 和讓她選擇一些與堆交換。

這些字母不是唯一的，例如，玩家可能會在上面的屏幕截圖中有一隻手「ABCDAB」 - 並選擇「ABA」進行交換。

這裏是我的代碼 -

HTML（用對話和按鈕）：

<div id="swapDlg" title="Swap letters"> 
    <p>Select letters for swapping:</p> 
    <div id="swapList"> 
    </div> 
</div> 

<button id="swapBtn">Swap letters</button> 

的JavaScript：

$(function() { 
    $('#swapDlg').dialog({ 
    modal: true, 
    minWidth: 400, 
    autoOpen: false, 
    buttons: { 
     'Swap': function() { 
     $(this).dialog('close'); 
     var result = 'How to get all selected letters?' // HERE 
     alert('You would like to swap: ' + result); 
     }, 
     'Cancel': function() { 
     $(this).dialog('close'); 
     } 
    } 
    }); 

    $('#swapBtn').button().click(function(e) { 
    e.preventDefault(); 
    $('#swapDlg').dialog('open'); 
    }); 

    var str = 'AB*CD*AB'; 
    var checkBoxes = []; 
    for (var i = 0; i < str.length; i++) { 
    var letter = str[i]; 
    if (letter != '*') { 
     checkBoxes.push('<label><input type="checkbox" value="' + 
     letter + '">&nbsp;' + letter + '</label>'); 
    } 
    } 

    $('#swapList') 
    .empty() 
    .append(checkBoxes.join('<br>')); 
}); 

請幫我用標線// HERE評論。

如何到達那裏的結果作爲字符串與所有checked值？

Answer 1

遍歷檢查元素 - 從它創建的字符串，並添加alertbox，添加這個腳本：

演示：http://jsfiddle.net/9cdjjsL5/

var a = []; 
    $("input:checked").each(function() { 
     a.push($(this).val()); 
    }); 
    var str = a.join(', '); 

Answer 2

你可以使用.reduce：

var result = $("#swapList :checked").toArray().reduce(function(acc, elt) { 
    return acc + $(elt).val(); 
}, ""); 

參考。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce

小提琴：http://jsfiddle.net/vkfoxhh1/

Answer 3

你想要的東西，如：

 var list = $(":checked").map(function(){return $(this).attr("value");}).get(); 

請注意，從使用的最多的回答：jQuery - get a list of values of an attribute from elements of a class幫我回答這個問題。

小提琴（更新使用連接到數組轉換爲字符串）：http://jsfiddle.net/6nddum4q/5/

Answer 4

 var result = []; 
     $('#swapList input:checkbox:checked').each(function() { 
         result.push($(this).val()); 
        }); 
     alert('You would like to swap: ' + result.join("")); 

Answer 5

這也將工作檢查出你的小提琴。

result = ''; 
$(function() { 
    $('#swapDlg').dialog({ 
    modal: true, 
    minWidth: 400, 
    autoOpen: false, 
    buttons: { 
     'Swap': function() { 
     $(this).dialog('close'); 
     $('#swapList input:checked').each(function() { 
      result += this.value; 
      result += " "; 
     }); 
     alert('You would like to swap: ' + result); 
     }, 
     'Cancel': function() { 
     $(this).dialog('close'); 
     } 
    } 
    });