Установите флажки в зависимости от входных значений

Question

У меня есть несколько флажков:

<form>
  <div>
    <input type="checkbox" value="1100" class="myClass">
  </div>
</form> 
<form>
  <div>
    <input type="checkbox" value="0011" class="myClass">
  </div>
</form> 
<form>
  <div>
    <input type="checkbox" value="1010" class="myClass">
  </div>
</form>

после получения их значений в массиве следующим образом:

var arr = $('.myClass').map(function() {
  return $(this).val();
}).get();
// output: arr(3) [ "1100", "0011", "1010" ] 

Как я могу установить флажки, отмеченные где входное значение 1?Это то, что я пробовал, но оно применяет первое значение для всех флажков:

$(':checkbox').prop('checked', function(index) {
  for (i = 0; i < arr.length; i++) {
    var set = arr[i].split('')
    return +set[index] === 1;
  }
});

Заранее спасибо.

Answer 1

Я не уверен, что именно массив имеет какое-либо отношение к получению значения флажка, но если вы добавите идентификатор (например, id = "myForm" в форму, вы можете легко использовать:

<form id="myForm">

<script>
var getVals = $("#myForm input:checkbox:checked").map(function () {
        return $(this).val();
    }).get();
</script>

getVals получит значение любого отмеченного флажка в этой форме.