Javascript 复选框状态更改时刷新div

当我的复选框被选中或取消选中时，我正试图使id为ship info update的div刷新。我到处找了不少，但似乎找不到任何能正常工作的东西

这是my_form.html.erb的一部分

  <%= field_set_tag "Shipping Info" do %>
    <%= f.input :noship, :as => :boolean, label: 'No physical goods will be shipped', :id => "noship-checkbox" %>

    <div id="ship-info-update">

      <%= f.simple_fields_for :package do |p| %>

        <% if @campaign.noship == true %>
          <%= @campaign.weight = 0 %>
        <% else %>
          <%= p.input :weight, hint: 'Package weight of one unit in pounds (lbs)' %>
        <% end %>

      <% end %>
    </div>

  <% end %>

---

_form.html.erb中的下划线告诉我这是一个部分，实际上无法从服务器独立刷新。你能添加更多关于你想让JS做什么的细节吗？当noship f.input field复选框被选中或取消选中时，我想刷新ship info update div，以便下面的if将根据复选框值创建或不创建weight p.input字段。也许我所想的是不可能的？为什么你需要一个服务器往返呢$weight.val0.hide