с помощью jQuery mobile radiobutton с mvc3

Question

Я пытаюсь получить jquery mobile с mvc для создания группы переключателей.

Это то, что у меня есть

<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

Я был связан с неправильным списком радиообмена. Это правильный путь, если у кого-то еще такая же проблема

@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>