css - 在 Rails 中使用 bool 值显示和隐藏信息 - Rails 4

Question

我是 Rails 的新手，非常不确定如何解决以下问题，因此非常感谢您的帮助或建议 - 提前致谢

• 我有一个 bool 值“没有薪水的广告工作”
• 当用户勾选框[给出真实结果]时，我希望广告的薪水不显示在 show.html.erb 页面上
• 如果用户没有勾选方框[给出错误结果]，我希望广告的薪水显示在 show.html.erb 页面上

i tried the below but no success - any help or advise would be much appreciated:

显示.html.erb

<p>
  <strong>advertise without salary:</strong>
  <%= @advert.salarydisplay %>

  <% if @advert.salarydisplay == "true"  %>
    <%= "i want to advertise without salary" %>
    <%= @advert.salarystart class: "hide" %>
    <%= @advert.salaryend class: "hide" %>
  <% else %>
   <%= "i want to advertise with salary" %>
   <%= @advert.salarystart %>
   <%= @advert.salaryend %>
  <% end %>
</p>

CSS文件

.hide { 
  display: none; 
}

Answer 1

如果您想在用户填写表单时添加/删除字段，您需要使用 javascript。

$('#display_salary_checkbox').on('init change', function(){
  $(this).parents('form').find('.salary-input').toggle();
}).trigger('init');  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <div>
    <label>Advertise job without salary</label>
    <input id="display_salary_checkbox" type="checkbox" checked="checked">
  </div>
  <div class="salary-input">
    <label>Start salary</label>
    <input type="number">
  </div>
  <div class="salary-input">
    <label>End salary</label>
    <input type="number">
  </div>
</form>

您需要根据表单上的实际选择器调整上述内容。

但从用户体验的 Angular 来看，为什么不直接告诉用户，如果他们不想宣传薪水，他们可以将这些字段留空？