css - 如何将 bool 值与 Bootstrap 导航选项卡一起使用？

Question

我正在尝试使用制表符而不是 check_box .

这就是我的...

<%= f.check_box :someday %> Someday

这就是我正在将其更改为...

<ul class="nav nav-tabs">
  <li role="presentation" class="active"><a href="">Schedule</a></li>
  <li role="presentation"><a href="">Someday</a></li>
</ul>

我该怎么做才能在单击 Someday 选项卡时相当于选中，而 Schedule 相当于未选中？

Bootstrap 已经与元素集成。

Answer 1

在你看来:

<li role="presentation"><a href="" id="someday_link">Someday</a></li>
<%= f.hidden_field :someday, value: "0", id: "someday_value" %>

在 javascript/jquery 中:

$('#someday_link').on("click", function(e) {
  e.preventDefault();
  var checkbox_value = $('#someday_value').val();
  if (checkbox_value == "1") {
    $('#someday_value').val("0")
  } else {
    $('#someday_value').val("1")
  }
});