html - 如何更优雅地禁用按钮

Question

我的观点之一是以下 Razor 代码:

@if (item.PMApproved != true) {
                    <input type="button" class="btnresetinvoice button" value="Reset" data-invoiceid="@item.InvoiceId" />
                }
                else {
                    <input type="button" class="btnresetinvoice button" value="Reset" data-invoiceid="@item.InvoiceId" disabled="disabled" />
                }

相当粗糙。基本上我想在特定条件下禁用该按钮，因为您可以从代码中得出结论。这样做更理想的方法是什么？

Answer 1

我不知道你使用的是什么语言，但你可以将你的 if 语句移动到更接近两行之间的实际差异:

<input type="button" class="btnresetinvoice button" value="Reset"
       data-invoiceid="@item.InvoiceId"
       @{ if(item.PMApproved != true) { 
             @:disabled="disabled" 
        } }
/>