Nhãn cho các nút radio ở dạng đường ray

Câu hỏi của tôi tương tự như câu hỏi này nhưng đối với ứng dụng Rails.

Tôi có một biểu mẫu với một số nút radio và muốn liên kết nhãn với chúng. Trình labeltrợ giúp biểu mẫu chỉ lấy một trường biểu mẫu làm tham số, nhưng trong trường hợp này tôi có nhiều nút radio cho một trường biểu mẫu. Cách duy nhất tôi thấy để làm điều đó là tạo nhãn thủ công, mã hóa cứng ID được tạo tự động cho nút radio. Có ai biết một cách tốt hơn để làm điều đó?

Ví dụ:

<% form_for(@message) do |f| %>
    <%= label :contactmethod %>
    <%= f.radio_button :contactmethod, 'email', :checked => true %> Email
    <%= f.radio_button :contactmethod, 'sms' %> SMS
<% end %>

Điều này tạo ra một cái gì đó như:

<label for="message_contactmethod">Contactmethod</label>
<input checked="checked" id="message_contactmethod_email" name="message[contactmethod]" value="email" type="radio"> Email
<input id="message_contactmethod_sms" name="message[contactmethod]" value="sms" type="radio"> SMS

Những gì tôi muốn:

<input checked="checked" id="message_contactmethod_email" name="message[contactmethod]" value="email" type="radio"><label for="message_contactmethod_email">Email</label>
<input id="message_contactmethod_sms" name="message[contactmethod]" value="sms" type="radio"> <label for="message_contactmethod_sms">SMS</label>

<% form_for(@message) do |f| %>
  <%= f.radio_button :contactmethod, 'email', :checked => true %> 
  <%= label :contactmethod_email, 'Email' %>
  <%= f.radio_button :contactmethod, 'sms' %>
  <%= label :contactmethod_sms, 'SMS' %>
<% end %>

Vượt qua :valuetùy chọn để f.labelđảm bảo forthuộc tính của thẻ nhãn giống với id của tương ứngradio_button

<% form_for(@message) do |f| %>
  <%= f.radio_button :contactmethod, 'email' %> 
  <%= f.label :contactmethod, 'Email', :value => 'email' %>
  <%= f.radio_button :contactmethod, 'sms' %>
  <%= f.label :contactmethod, 'SMS', :value => 'sms' %>
<% end %>

Xem ActionView :: Helpers :: FormHelper # nhãn

tùy chọn: value, được thiết kế để nhắm mục tiêu nhãn cho thẻ radio_button

Nếu bạn muốn object_name được thêm tiền tố vào bất kỳ ID nào, bạn nên gọi người trợ giúp biểu mẫu trên đối tượng biểu mẫu:

- form_for(@message) do |f|
  = f.label :email

Điều này cũng đảm bảo mọi dữ liệu đã gửi được lưu trữ trong bộ nhớ nếu có bất kỳ lỗi xác thực nào, v.v.

Nếu bạn không thể gọi phương thức trình trợ giúp biểu mẫu trên đối tượng biểu mẫu, ví dụ: nếu bạn đang sử dụng trình trợ giúp thẻ (radio_button_tag, v.v.), bạn có thể nội suy tên bằng cách sử dụng:

= radio_button_tag "#{f.object_name}[email]", @message.email

Trong trường hợp này, bạn cần chỉ định giá trị theo cách thủ công để duy trì bất kỳ nội dung gửi nào.

Sử dụng true/ falselàm giá trị sẽ có trường được điền sẵn nếu mô hình được truyền cho biểu mẫu đã được điền thuộc tính này:

= f.radio_button(:public?, true)
= f.label(:public?, "yes", value: true)
= f.radio_button(:public?, false)
= f.label(:public?, "no", value: false)

Đây là một ví dụ từ dự án của tôi để đánh giá bằng các radionút và labels của nó

<div class="rating">
  <%= form.radio_button :star, '1' %>
  <%= form.label :star, '☆', value: '1' %>

  <%= form.radio_button :star, '2' %>
  <%= form.label :star, '☆', value: '2' %>

  <%= form.radio_button :star, '3' %>
  <%= form.label :star, '☆', value: '3' %>

  <%= form.radio_button :star, '4' %>
  <%= form.label :star, '☆', value: '4' %>

  <%= form.radio_button :star, '5' %>
  <%= form.label :star, '☆', value: '5' %>
</div>