到位複選框（Rails的，Twitter的引導，Simple_form）使用切換按鈕

Question

我使用Simple_form，Twitter的引導和軌道3.2.2

有誰知道是否有使用「切換按鈕的方式「在simple_form中布爾字段的引導選項？我想用按鈕替換複選框。

以下是我在形式到目前爲止已經試過（導軌）：

<%= f.input :client_approved, :input_html => { :class => 'btn btn-primary', :data => {:toggle => 'button'} } %> 

下面是HTML輸出：

<input class="boolean optional btn btn-primary" data-toggle="button" id="id_card_design_client_approved" name="id_card_design[client_approved]" type="checkbox" value="1"> 

如何按鈕標籤分配給任何想法simple_form輸入？

Answer 1

，我想出了一個基於JS的辦法......我敢肯定，這不是做的最好的方式，但它的作品...

在你的視圖文件，沿線添加的東西這個：

<div id="client_approved_buttons" class="btn-group" data-toggle="buttons-radio"> 
    <%= f.input : client_approved, as: :hidden %> 
    <a class="btn" data-value="1">Yes</a> 
    <a class="btn" data-value="0">No</a> 
</div> 

然後在您的JS文件，補充一點：

// make button toggles update hidden field 
$('.btn-group a').on('click', function(event){ 
    event.preventDefault(); 
    var input = $(this).siblings('.control-group').find('input[type=hidden]'); 
    if(input.length>0){ 
    if(input.val().toString() !== $(this).data('value').toString()){ 
     input.val($(this).data('value')).trigger('change'); 
    } 
    } 
});