可在mvc3中单击的复选框技能

时间:2012-12-25 07:10:48

标签: c# asp.net-mvc-3

  

可能重复:
  CheckboxList event in MVC3 razor

任何人都能帮助我吗? 当我点击复选框时,只有复选框正在选中,但我想选中复选框,即使我也点击了标签。

我的控制器是:

 IEnumerable<TblSkill> skillList = (from x in db.TblSkills select x).ToList();
                ViewBag.skill = skillList.Select(c => new SelectListItem{
                    Text = c.Skills.ToString(),
                    Value = c.SkillsId.ToString()
                });

我的观点是:

<div class="editor-field">
            @{
IEnumerable<SelectListItem> skill = ViewBag.skill;
       foreach (var item in skill)
       {           
                <input type="checkbox" name="skillsId" value="@item.Text" /> 
                <label>@item.Text</label>  
                @Html.ValidationMessageFor(model => model.Skills)
       }
            }
           </div>

2 个答案:

答案 0 :(得分:0)

该复选框具有名为“Text”的属性,使用该属性。 标签将自动呈现,当您单击该标签时。复选框将被切换。

答案 1 :(得分:0)

试试这个:

<input id="kibble" type="checkbox" value="kibble" />
<label for="kibble">Kibble</label> 

for="kibble" - 其中“kibble”为id

演示:Labels for Checkboxes