подскажите как можно осуществить поиск по checkbox с сохранением значения checked (если это значение есть)
<div class="filter" id="filter">
<label class="field">
<input
placeholder="поиск"
type="text"
id="search"
class="input"
>
<label class="checkbox">
checkbox-1
<input type="checkbox" value="checkbox-1">
</label>
<label class="checkbox">
checkbox-2
<input type="checkbox" value="checkbox-2">
</label>
<label class="checkbox">
checkbox-3
<input type="checkbox" value="checkbox-3">
</label>
<label class="checkbox">
checkbox-4
<input type="checkbox" value="checkbox-4">
</label>
<label class="checkbox">
checkbox-5
<input type="checkbox" value="checkbox-5>
</label>
<label class="checkbox">
checkbox-6
<input type="checkbox" value="checkbox-6">
</label>
<label class="checkbox">
checkbox-7
<input type="checkbox" value="checkbox-7">
</label>
<label class="checkbox">
checkbox-8
<input type="checkbox" value="checkbox-8">
</label>
</div>
script поиска
const input = document.getElementById('search')
const filter = document.getElementById('filter')
const checkboxes = filter.querySelectorAll('input[type="checkbox"]')
input.addEventListener('input', function () {
const search = [...checkboxes].filter(elem =>
elem.value.includes(this.value))
filter.innerHTML = search.map(checkbox => `
<label class="checkbox" >
<input type="checkbox" value="${checkbox.value}">
<span class="checkbox__checkmark" ></span>
<span class="checkbox__text" >${checkbox.value}</span>
</label>`).join('')
})
Скрипт таким образом работает верно, но нет возможности сохранить значение checkbox, т.е. чтоб было видно checbok выбран или нет
checked
(удивительно, в вопросе вы сами говорите, что вам надо проверять это свойство, а в коде вы этого не делаете...)