Javascript：如果已选中则将复选框的值与未选中的值一起推送

Question

So I have multiple checkboxes.

<input type="checkbox" value="special" name="special_round[]">special1
<input type="checkbox" value="special" name="special_round[]">special2
<input type="checkbox" value="special" name="special_round[]">special3
<input type="checkbox" value="special" name="special_round[]">special4

I can only do is to push value that has checked the input

$('#click').on('click', function(e){
    e.preventDefault();
    e.stopPropagation();
var specialSequences = [];
   $('input[name="special_round[]"]:checked').each(function(i, v) {
   specialSequences.push($(v).val());
});
   alert(specialSequences);

});

The output if i check the special1 and special4 is

special,special

How do i make it like this,

special, 0 , 0, special //or
special, " ", " ", special

//or if i checked the special2 and speial4 the output should 
" ", special , " " , special

https://jsfiddle.net/t6fL04cm/

Answer 1

You need to iterate through all checkboxes and check which one is "checked" and which - is not.
Use the following approach:

...
  var specialSequences = [];
  $('input[name="special_round[]"]').each(function(i, v) {
    var current = ($(v).is(":checked"))? $(v).val() : "";
    specialSequences.push(current);
  });

https://jsfiddle.net/t6fL04cm/1/

About jQuery .is() method: https://api.jquery.com/is/