重新设计Rails Checkbox有时会向控制器发送错误的ID

Question

用户可以在我的页面上选择多个产品（称为空缺），然后进行升级。 我使用了一个复选框：

<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>

我重新设计了该复选框，方法是将其隐藏，然后为标签提供一个类（“ category-choice”）。

这很好用，但是有很多错误： 当我随机选择和取消选择项目然后进行升级时，它有时会向控制器发送正确的ID，有时还会向控制器发送错误的ID。换句话说，通过单击重新设计的复选框，它有时可以工作，有时则不能。知道为什么吗？

以防万一，我有一个Javascript可以在单击时更改复选框标签的颜色：

$(document).ready(function(){
  $(".category-choice").click(function(){
    $(this).toggleClass("active");
  });
});