RadioButton & Checked属性

Question

没有应用选中的属性，条件返回true，但单选按钮不被选中。

我正在尝试根据我的模型值设置一个选中的单选按钮。

<div class="col-md-6 col-sm-6">
<div class="col-md-6 col-sm-6">
    <div class="float-right">
        <table>
            <tr>
                <td class="td-radio">
                    <input id="Voiture_IsTrajetSimple" name="Voiture_TypeTrajet" type="radio"                                                                                 
                        <% var KMVoiture_IsTrajetSimple = Model.KMVoiture_IsTrajetSimple;
                           if (KMVoiture_IsTrajetSimple)
                           {%>
                        checked
                        <% } %>>
                    <label class="label-radio" for="Voiture_IsTrajetSimple">Trajet simple</label>
                </td>
            </tr>
        </table>
    </div>
</div>

<div class="col-md-6 col-sm-6">
    <div class="float-right">
        <table>
            <tr>
                <td class="td-radio">
                    <input id="Voiture_IsTrajetAR" name="Voiture_TypeTrajet" type="radio" 
                        <% var KMVoiture_IsTrajetAR = Model.KMVoiture_IsTrajetAR;
                           if (KMVoiture_IsTrajetAR)
                           {%>
                        checked
                        <% } %>>
                    <label class="label-radio" for="Voiture_IsTrajetAR">Trajet A/R</label>
                </td>
            </tr>
        </table>
    </div>
</div>

​

Answer 1

奇怪的是，我只是直接从模型中获取值，而没有使用变量，就解决了这个问题，比如：

                <input id="Voiture_IsTrajetSimple" name="Voiture_TypeTrajet" type="radio"                                                                                 
                    <%if (Model.KMVoiture_IsTrajetSimple)
                       {%>
                    checked
                    <% } %>>
                <label class="label-radio" for="Voiture_IsTrajetSimple">Trajet simple</label>

它起了作用。

Answer 2

在您的代码中，所有输入都缺少它需要的值属性，如下所示：

<input id="Voiture_IsTrajetSimple" name="Voiture_TypeTrajet" type="radio"  value="TrajetSimple">
<input id="Voiture_IsTrajetAR" name="Voiture_TypeTrajet" type="radio" value="TrajetAR">

为此，您的模型必须具有可以设置为"TrajetSimple"/"TrajetAR"值的类型的"TrajetSimple"/"TrajetAR"属性(例如字符串或枚举)。一旦选中了任何单选按钮，Voiture.TypeTrajet的客户端值就会相应地设置为。

因此，解决办法可以是：

1. 为KMVoitureTrajet属性创建一个包含所有可能值的枚举 公共枚举TypeTrajetEnum { Simple，AR }
2. 在模型中创建一个KMVoitureTrajet属性(而不是当前拥有的KMVoiture_IsTrajetAR和KMVoiture_IsTrajetSimple布尔属性) 公共类模型{ public TypeTrajetEnum KMVoitureTrajet{get;set;} }
3. 在视图中，可以使用Html.RadioButtonFor助手呈现单选按钮： @Html.RadioButtonFor(m => m.KMVoitureTrajet，TypeTrajetEnum.Simple )单机@Html.RadioButtonFor(m => m.KMVoitureTrajet，TypeTrajetEnum.AR )
4. 在返回视图的控制器操作中，可以通过设置以下方法预选一个值： var模型=新模型{ KMVoitureTrajet = TypeTrajetEnum.AR }；返回视图(模型)；

Answer 3

试试这个：

<div class="col-md-6 col-sm-6">
<div class="col-md-6 col-sm-6">
<div class="float-right">
    <table>
        <tr>
            <td class="td-radio">
                  <% var KMVoiture_IsTrajetSimple = Model.KMVoiture_IsTrajetSimple;
                       if (KMVoiture_IsTrajetSimple)
                       { %>
                         <input id="Voiture_IsTrajetSimple" name="Voiture_TypeTrajet" type="radio" checked = "checked"/>
                    <% } else { %>
                         <input id="Voiture_IsTrajetSimple" name="Voiture_TypeTrajet" type="radio" />
                      <% } %>
                <label class="label-radio" for="Voiture_IsTrajetSimple">Trajet simple</label>
            </td>
        </tr>
    </table>
</div>
</div>

<div class="col-md-6 col-sm-6">
<div class="float-right">
    <table>
        <tr>
            <td class="td-radio">
                <% var KMVoiture_IsTrajetAR = Model.KMVoiture_IsTrajetAR;
                   if (KMVoiture_IsTrajetAR)
                   { %>    
                       <input id="Voiture_IsTrajetAR" name="Voiture_TypeTrajet" type="radio" checked = "checked"/>
                <% } else { %>
                         <input id="Voiture_IsTrajetAR" name="Voiture_TypeTrajet" type="radio" />
                      <% } %>
                <label class="label-radio" for="Voiture_IsTrajetAR">Trajet A/R</label>
            </td>
        </tr>
    </table>
</div>