2013-07-13 2 views
18

확인란의 레이블을 설정하는 방법은 무엇입니까? 나는 몇몇 사이트를보고 람다 식을 사용하고 있지만, 나는 그것을 이해할 수 없다. 나는 asp.net MVC에 처음이다. 당신이 모델을 사용하는 경우면도기의 확인란에 레이블 설정

@{ 
    bool chkVal = false; 
} 
<li>@Html.CheckBox("chksumma",chkVal,new {@value = "5"})</li> 
<li>@Html.LabelFor(, ""); 
+0

http : // stackoverflow.com/questions/1312880/html-labelfor-specified-text-asp-net-mvc-2 – TGH

+0

여기에 모델 코드를 게시하면 설명 드리겠습니다. – ataravati

답변

11

당신은 할 수 있습니다 : 당신은 당신이 라벨에 대한 모든 할 수있는 모델이없는, 그렇지 않은 경우

<li>@Html.CheckBoxFor(f=> f.chksumma)</li> 
<li>@Html.LabelFor(f=> f.chksumma)</li> 

그런 다음 TGH가

을 지적 속성을 사용 입니다 : 또는 독립 레이블 를 인쇄하고 당신이 그것을 t을 원하는 경우 공예

@Html.Label("LabelText") 

항목에 O 링크 여기에 내가 있으리라 믿고있어 http://develoq.net/2011/how-to-create-custom-html-helpers-for-asp-net-mvc-3-and-razor-view-engine/

7

설명 당신이 정말 당신이 진드기에 레이블을 원하는 당신이 당신의 자신의 HTML 도우미를 쓸 수를 정교하게 손을 원하지 않는 경우

<label for="chksumma">LAbelText</label> 

체크 상자를 클릭하면됩니다. 이 경우

의 HTML <label> 필드 must point to the ID of the relevant input elementfor 속성.

모델을 사용하는 경우 @Html.CheckBoxFor은 ID가없는 체크 박스를 생성하므로 확인란에 ID를 추가 한 다음 동일한 ID로 라벨을 지정해야합니다. 가장 쉬운 방법은 @Html.NameFor 헬퍼 메소드를 사용하여 ID 필드에 체크 박스의 이름을 복제하는 것입니다.

@Html.CheckBoxFor(x => x.Active, new {id=Html.NameFor(x => x.Active)}) 
<label for="@Html.NameFor(x => x.Active)">Active</label> 

생성 된 HTML (검증 속성없이) :

<input id="[0].Active" name="[0].Active" type="checkbox" value="true" /> 
<input name="[0].Active" type="hidden" value="false" /> 
<label for="[0].Active">Active</label> 
-3

당신은 전혀 <label> 태그를 필요가 없습니다 예를 들면 다음과 같습니다이다

<div class="block mTop20"> 
    @HtmlCheckboxFor(f => f.prop) 
    @Html.LabelFor(f=>f.prop,"This is the label text") 
</div> 
1

내가 비슷한에 근무하고 이 짤린 코드로 주위에있어.

<div class="row"> 
<div class="col-xs-3"> 
<label> 
    @Html.CheckBoxFor(x => x.AdvanceSearch.IsExactPhrase) 
    @Html.LabelFor(x => x.AdvanceSearch.IsExactPhrase) 
</label> 
</div> ... 

는이 정말 좋은 방법입니다 다른

6

희망이 도움 :

<div class="checkbox"> 
    <label>@Html.CheckBoxFor(x => item.IsSelected)&nbsp;@Html.DisplayNameFor(x => item.IsSelected)</label> 
</div> 

Check box with label

  1. 그것은 bootstrap 3에서 권장하는 것입니다.
  2. 테이블에서 작동합니다.
  3. 확인란을 클릭하거나 레이블을 클릭하여 상자를 선택할 수 있습니다. (이것은 중요한 유용성 기능입니다.)
  4. 커서가 화살표 포인터 대신 "손"에 올바르게 있습니다.