javascript - rails | 2 dom中的复选框不可点击

Question

我的页面中有一个表单，其中有复选框。

<div class="col-xs-6 p-l-0">
<input type="checkbox" name="q[group_name_eq_any][]" id="tour" value="Tour"> 
<label for="tour">Tour</label>
</div>

我在页面和小型设备的 Bootstrap 模式中都使用了此复选框。

<div class='col-sm-5 col-md-4 col-lg-3 hidden-xs'>
          <%= render 'search_filters' %>
</div>

..
<div class="modal-content modal-main-index">
      <%= render 'search_filters' %>
    </div>
..

当然，正因为如此，我有 2 个具有相同 id 的复选框。所以其中之一是无法点击的。解决这个问题的最佳方法是什么。 (我不想用 js return 填充按钮点击时的模态)

Answer 1

Ofcourse because of this, I have 2 checkboxes with the same id. So one of them can not be clicked. What is the best way to solve this.

使用class代替id

<div class="col-xs-6 p-l-0">
  <input type="checkbox" name="q[group_name_eq_any][]" class="tour" value="Tour"> 
  <label for="tour">Tour</label>
</div>