Пользователь может выбрать несколько продуктов на моей странице (так называемые вакансии), а затем обновить их.Я использую флажок:
<input type="checkbox" class="hidden" name="vacancies[]" id="post_vacancy_ids_<%= vacancy.id %>" value="<%=vacancy.id %>">
<label class="category-choice" for="post_vacancy_ids_<%= vacancy.id %>">
<%= vacancy.title %>
<i class="fa fa-check"></i>
</label>
Я изменяю флажок, скрывая его и затем назначая метке класс («выбор категории»).
Это работает нормально, но этоглючит: когда я выбираю и отменяю выбор элементов случайным образом, а затем нажимаю на обновление, он иногда отправляет правильные идентификаторы контроллеру, а иногда и неправильные.Другими словами, щелкнув по измененному флажку, он иногда работает, иногда нет.Любая идея, почему?
На всякий случай, если это имеет значение, у меня есть JavaScript, который меняет цвет метки флажка при нажатии:
$(document).ready(function(){
$(".category-choice").click(function(){
$(this).toggleClass("active");
});
});