即使未選中也獲取復選框值？

Question

有沒有一種方法可以獲取所有復選框的值，即使未選中它們也是如此？

HTML：

<input type="checkbox" name="color[]" value="1"/>
<input type="checkbox" name="color[]" value="2"/>
...

JS：

$("input[name='color[]']").serialize();

類似於上面的內容，但是即使沒有選中這些值，我也想要它們。 也許我需要在序列化之前先將它們放入數組中？

Answer 1

1. 克隆它們以避免更改復選框的原始狀態
2. 將克隆的項目設置為true
3. 連載

 document.write($('input[name="color[]"]').clone().prop('checked', true).serialize()); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <input type="checkbox" name="color[]" value="1" /> <input type="checkbox" name="color[]" value="2" /> 

Answer 2

簡單的解決方案似乎丟失了，所以：

 var serializedValues = $('input[name="color[]"]').map(function(i, e) { return encodeURIComponent(e.name) + "=" + encodeURIComponent(e.value); }).get().join("&"); snippet.log(serializedValues); 

 <input type="checkbox" name="color[]" value="1" /> <input type="checkbox" name="color[]" value="2" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 --> <script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script> 

假設您確實希望通過seralize獲得相同的輸出。