Как использовать логические значения с помощью загрузочных навигационных вкладок?

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") 
    } 
});