mvc3로 jquery 모바일 라디오 버튼 사용

Question

라디오 버튼 그룹을 만들기 위해 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> 

을 가지고 당신이 볼 수 있듯이 "남성"버튼에서 라디오 버튼이 있습니다 것입니다.

내가 뭘 잘못하고 있니?

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>