如何使用boolean with bootstrap nav-tabs？

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选项卡时，它将等同于checked并且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")
  }
});