到位复选框（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'); 
    } 
    } 
});