Как установить значение одного из флажков в true с помощью JavaScript - rails

Question

То, что я хотел бы сделать, - это когда пользователь нажимает на изображение лошади, для которого флажок устанавливается на true или false. У меня есть множество лошадей, и у каждой лошади есть флажок.

Самая большая проблема, с которой я столкнулся, - это установка идентификатора моего элемента-флажка. Я пытался что-то вроде. Использовать пользовательский идентификатор для check_box_tag в Rails

<% @horses.each do |s| %>
    <div class="positionLeft roundedEdge5" style="padding:0 8px;" ondblclick="document.getElementById('line_horses_ids__<%=s.id%>').value = true">
    <% if checked == true %>
       <%= check_box_tag "line[horses_ids][]", s.id, :checked => true %>
       <%= label_tag "line[horses_ids][][#{s.id}]", s.name %>
    <% else %>
       <%= check_box_tag "line[horses_ids][]", s.id %>
       <%= label_tag "line[horses_ids][][#{s.id}]", s.name %>
    <% end %>
</div>
<%end%>

Но я все еще не могу установить флажок в true? Что я делаю неправильно? Любая помощь будет оценена.

Answer 1

Используя jQuery, вам не нужно использовать собственные идентификаторы или вставлять javascript в html ... отлично, не правда ли?

Если флажок находится рядом с изображением лошади, просто установите класс «изображение» для изображения и класс «флажок» для флажка и добавьте этот JS в ваш application.js:

$(document).ready(function() {
  $(".image").click(function(this) {
    $(this).next(".check-box").attr("checked", true);
  }
});