Question

我正在寻找一种基于Model值动态禁用Bootstrap按钮的方法。我试过以下没有运气。我得到的只是Bootstrap按钮的默认值。

<button type="submit" class=@((Model.employeeId > 0) ? "btn btn-primary" : "btn btn-primary disabled")>
    <i class="fa fa-arrow-circle-right" aria-hidden="true"></i> Submit
</button>

和

@{ 
    var cssClass = "btn btn-primary";
    if (Model.employeeId == 0)
    {
        cssClass = "btn btn-primary disabled";
    }
} 

<button type="submit" class=@cssClass>
    <i class="fa fa-arrow-circle-right" aria-hidden="true"></i> Submit
</button>

Answer 1

您是否尝试过使用disabled属性？它将类似于以下内容。

<button type="submit" class="btn btn-primary" @((Model.employeeId > 0) ? "" : "disabled = 'disabled'")>
    <i class="fa fa-arrow-circle-right" aria-hidden="true"></i> Submit
</button>

无法动态禁用Bootstrap按钮？

1 个答案: