有條件地設置的引導按鈕

Question

的失效狀態我有我的看法如下按鈕：

<button type="button" class="btn btn-lg btn-primary">Primary button</button> 

我想如果到disabled屬性添加到它，只有在一定的條件true。我如何以一種優雅的方式？

Answer 1

你應該這樣做兩個或兩個以上的方式：

<button type="button" class="your-class btn btn-lg btn-primary">Primary button</button> 

<script type="text/javascript"> 
    $(function(){ 
    if(Condition){ 
     $('.your-class').addClass('disabled'); 
    } 
    }); 
</script> 

OR 
In The rails term 

<button type="button" class="btn btn-lg btn-primary <%= conditon ? "disabled" : ""%>">Primary button</button> 

Answer 2

你可以使用軌道助手button_tag用布爾檢查

<%= button_tag "Primary button", class: 'btn btn-lg btn-primary', 
    disabled: condition_check_method %> 

Answer 3

@Ropeney的方式是回報率的方式，但這裏的另一種解決方案：

<% #some condition %> 
<% foo == bar ? (disabled = "disabled") : (disabled = "") %> 

<!-- insert "disabled" or "" (empty string) in the markup --> 
<button type="button" class="btn btn-lg btn-primary" <%= disabled %> >Primary button</button> 

注意：我們只能用disabled在HTML5 - Correct value for disabled attribute

Answer 4

我想這可能對你的工作

<button type="button" class="btn btn-lg btn-primary" disabled="<%= @check_condition ? 'disabled' : '' %>">Primary button</button> 

或

<button type="button" class="btn btn-lg btn-primary" <%= @check_condition ? 'disabled' : '' %>">Primary button</button>