ラジオ ボタン グループを作成するために、mvc を使用して jquery モバイルを取得しようとしています。
これは私が持っているものです
<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>
それは次のように見えます
クリック可能ではなく、ご覧のとおり、「男性」ボタン内にラジオボタンがあります。
私は何を間違っていますか?