Проверить флажки на основе массива - JQuery

Question

У меня есть модальное окно уникального флажка

<div class="tv-choices" style="display:none;"><!-- turned on via button--> 
<div class="choices-title">TV</div> 
<div class="choices-checkboxes"> 
    <div class="category_box"> 
     <input type="checkbox" id="getf{038}" name="getfItem" value="Adult Animated"> 
     <label for="get{038}">Adult Animated</label> 
    </div> 

    <div class="category_box"> 
     <input type="checkbox" id="getf{9FA}" name="getfItem" value="Anime"> 
     <label for="get{9FA}">Anime</label> 
    </div> 

    <div class="category_box"> 
     <input type="checkbox" id="getf{821}" name="getfItem" value="Award Shows"> 
     <label for="get{821}">Award Shows</label> 
    </div> 
</div> 

Теперь у меня есть многомерный массив:

object_with_arrays['genreAry'+ary_Num] 

Скажет, массив object_with_arrays[genreAry1] имеет: Анимация для взрослых и Аниме, но не Премиум-альбом. Как вы можете получить эти флажки для проверки через jQuery?

История проекта: У меня есть 9 сгенерированных кнопок, которые создают «Модальное окно» на лету, каждое модальное окно обслуживает набор флажков. Поскольку я использую 1 модальное окно, я должен очистить проверенные флажки. Я нашел этот код ниже, который работает, но я просто не могу показаться, чтобы выяснить, как повторно заполнить флажки с моими Массивами

$('.tv-choices').find(':checked').each(function() { 
     $(this).removeAttr('checked'); 
    }); 

Answer 1

$('.modal').find('input[type="checkbox"]').each(function() { 
    var state = $.inArray(this.value, object_with_arrays['genreAry1'])!=-1; 

    $(this).prop('checked', state); 
}); 

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

Answer 2

Вы можете фильтровать атрибуты с помощью jQuery. Если вы ищете только для одного элемента, это было бы так:

$('.modal').find('input:checkbox[value="Anime"]').each(function() { 
    $(this).prop('checked', true); 
}); 

Но так как вы хотите, чтобы проверить по списку значений, вы можете использовать filter с обратным вызовом:

var searchValues = object_with_arrays['genreAry'+ary_Num]; 
//e.g. searchValues == ["Anime", "Adult Animated"] 

$('.modal').find('input:checkbox').filter(function() { 
    return searchValues.indexOf($(this).val()) >= 0; 
}).each(function() { 
    $(this).prop('checked', true); 
}); 

Если вы также хотите снимите флажок все остальные флажки:

$('.modal').find('input:checkbox').each(function() { 
    var checked = searchValues.indexOf($(this).val()) >= 0; 
    $(this).prop('checked', checked) 
});