按钮组和MVC问题

Question

我正在使用Bootstrap最新版本（紧跟this tutorial之后，在我的模型的字段bool?（true/false）上创建一个单选按钮按钮组。这是我的代码：

<div class="btn-group" role="group" data-toggle="buttons">
    <label class="btn btn-primary active">
        <i class="fas fa-check-circle"></i>
        @Html.RadioButtonFor(m => m.Paid, true) Paid
    </label>
    <label class="btn btn-primary">
        <i class="far fa-times-circle"></i>
        @Html.RadioButtonFor(m => m.Paid, false) Not Paid
    </label>
</div>

以这种方式呈现：

但是我有一些问题：

1. 如何隐藏渲染中的“无线电”检查？我接下来会看到（fontawesome）图标；
2. 如何使用MVC的LabelFor进行管理？因此，当输入为true时，它将应用“活动”类；
3. 自bool?起，我该如何处理案件null？目前仅适用于true或false；

希望你能帮我这个忙。

Answer 1

  

如何隐藏渲染中的“无线电”检查？我在   图标

您应该为此添加类btn-group-toggle

<div class="btn-group btn-group-toggle" role="group" data-toggle="buttons">

  

我该如何使用MVC的LabelFor进行管理？因此，当输入为true时，它将应用“活动”类；

您应该这样做。

<%
if(Model.isPaid == true) { 
%>
    <label class="btn btn-primary active">
        <i class="fas fa-check-circle"></i>
        @Html.RadioButtonFor(m => m.Paid, true, new {@checked="checked"}) Paid
    </label>
<%
}
%>

  

由于它是布尔值？如何处理大小写为null？现在，它仅是对还是错；

最初，如果两个单选按钮均未选中，则值为null。如果选择任何单选按钮，则其值将随后为true或false。做出选择后，您将无法null。