如何使用boolean和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") 
    } 
});