дефолту они все unchecked, когда страница загружена.
Есть чекбокс "Не выбрано", который должен сбрасывать все прочие чекбоксы. (1). Значение "Не выбрано" тоже приходит от сервера.
Юзер может отмечать чекбоксы, результат его выборов нужно сабмитить на сервер. (2)
Как реализовать 1 и 2?
На текущий момент
<div class='multiple-choices'>
<div class='pill' v-for='intr in interests' :key='intr.id'>
<input type="checkbox"
:id="`interest ${intr.value}`"
:name="`interest ${intr.value}`"
:value="intr.value"
:checked='intr.checked'
/>
<label :for="`interest ${intr.value}`">{{ intr.value }}</label>
</div>
</div>
где interests приходят от сервера, изначально это [] в data.
Также добавил на inрut выше @change, который пушит value чекбокса в массив выбранных интересов.
Обычно код длинной более пары тройки строк выкладывают в виде ссылки на онлайн редактор. Зачем же так спамить 😔
Обсуждают сегодня