условно установить отключенного состояния начальной загрузки кнопки

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 «s путь это путь RoR, но вот другое решение:

<% #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>