根据单选按钮值显示/隐藏页面加载时的div - Jquery和Ruby on Rails简单表单

<%= form_for @model do |f| %>
  <%= f.radio_button :option, "option1", id: "option1" %>
  <%= f.label :option1, "Option 1" %>
  <%= f.radio_button :option, "option2", id: "option2" %>
  <%= f.label :option2, "Option 2" %>
<% end %>

<div id="div1" style="display: none;">
  This is div 1.
</div>

<div id="div2" style="display: none;">
  This is div 2.
</div>

<script>
  $(document).ready(function() {
    $('input[type=radio][name=option]').change(function() {
      if (this.value == 'option1') {
        $('#div1').show();
        $('#div2').hide();
      } else if (this.value == 'option2') {
        $('#div1').hide();
        $('#div2').show();
      }
    });
  });
</script>