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