Получить значение флажка, даже если оно не отмечено?

Question

Есть ли способ получить значения всех флажков, даже если они не отмечены?

HTML:

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

JS:

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

Что-то, как выше, но я хочу значения, даже если они не проверяются. Возможно, мне нужно сначала поставить их в массив перед сериализацией?

Answer 1

Простое решение кажется , поэтому:

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 даст вам.

Answer 2

1. Clone них, чтобы избежать изменения первоначального состояния флажков
2. Установить клонированные элементы проверены истинной
3. Serialize

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" />