Как выбрать checkbox только тот, который совпадает данным из полученного массива?

Question

[Влад Лисовец]

Подскажите пожалуйста, как это решить?
Получаю данные json с помощью ajax.
У меня есть список checkbox, каждый имеет название

<ul id="categorychecklist" data-wp-lists="list:category" class="categorychecklist form-no-clear">
				
<li id="category-1" class="popular-category wpseo-term-unchecked"><label class="selectit"><input value="1" type="checkbox" name="post_category[]" id="in-category-1" checked="checked"> Без рубрики</label></li>

<li id="category-2" class="wpseo-term-unchecked"><label class="selectit"><input value="2" type="checkbox" name="post_category[]" id="in-category-2"> боевик</label></li>

Получаю данные в Json с категориями

"genres": [

    "мультфильм",
    "фантастика",
    "боевик",
    "приключения"

],

Вопрос? Как по клику кнопки выбрать checkbox только те, которые есть в полученном json

Answer 1

[0xD34F]

document.querySelectorAll('.selectit > input').forEach(n => {
  n.checked = genres.includes(n.parentNode.innerText.trim());
});

Comments

[Влад Лисовец]

увы не работает( Данные из Json получают не genres.includes а item.material_data.genres Там вложенность имеется. Те мне менее пробовал заменить, но не сработало. Не понимаю в чем причина.

[0xD34F]

Влад Лисовец, конечно же работает. Если неспособны сами подставить нужный объект - воспроизведите свою ситуацию в песочнице, ссылку сюда, я поправлю.

[Влад Лисовец]

Если я правильно понимаю, в вашем коде genres.includes должно быть функцией. Консаль браузера жалуется что это не функция. Каким образом мой объект можно поместить в рамки функции которая должна быть в .prop

[0xD34F]

Влад Лисовец, ДА ОТКУДА МНЕ ЗНАТЬ? Вы свои данные полностью не показали, только какой-то огрызок.

[Влад Лисовец]

0xD34F, Спасибо большое! Посидел, вдумался в ваш код и нашел решение.

Answer 2

[Сергей c0re]

Перебрать все элементы li, брать содержимое .textContent сравнивать с содержимым Json, если есть совпадение, то взять id у li и добавить к id в начало in-, по полученному новому id получить элемент input типа чекбокс и отметить его.