![](/img/trans.png)
[英]rails-bootstrap-toggle-buttons in simple_form bootstrap not working
[英]Using Toggle Buttons in place of Check boxes (Rails, Twitter Bootstrap, Simple_form)
我正在使用Simple_form,twitter bootstrap和rails 3.2.2
有沒有人知道是否有辦法在simple_form中的布爾字段上使用“切換按鈕”選項進行引導? 我想用按鈕替換復選框。
這是我到目前為止在表單(rails)中嘗試過的內容:
<%= 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輸入分配按鈕標簽的任何想法?
我想出了一個基於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');
}
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.