使用jquery移动单选按钮与mvc3

Question

我试图通过mvc获取jquery mobile来创建一个单选按钮组。

这就是我所拥有的

  <li data-role="fieldcontain">
        <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
            <legend>Gender:</legend>
        @*   <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
            <label for="radio-choice-c">Male</label>
            <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
            <label for="radio-choice-d">Female</label>
         *@
             @Html.LabelFor(model=>model.Consumer.IsMale,"Male")
             @Html.RadioButtonFor(model => model.Consumer.IsMale, "True",new {value="on",@checked = "checked"})
             @Html.LabelFor(model=>model.Consumer.IsMale,"Female")
             @Html.RadioButtonFor(model => model.Consumer.IsMale, "False", new {value="off"})
            </fieldset>
    </li>

看起来像

它无法点击，您可以看到“男性”按钮中有一个单选按钮。

我做错了什么？

Answer 1

我绑定了我的radiobutton列表错误。如果其他人有同样的问题，这是正确的方法

@Html.RadioButtonFor(model => model.Consumer.IsMale, true,new {value="on",@checked = "checked",id="Consumer_IsMale_true"})
<label for="Consumer_IsMale_true">Male</label>

@Html.RadioButtonFor(model => model.Consumer.IsMale, false, new {value="off",id="Consumer_IsMale_false"})
<label for="Consumer_IsMale_false">Female</label>