我创建了checkboxlist,但我无法检查它们

时间:2013-06-20 08:44:13

标签: c# asp.net-mvc asp.net-mvc-4 checkbox

结果是复选框列表但是当我按下鼠标按钮没有任何反应时我无法检查它们。 有什么帮助吗?

这是我在控制器中的代码

ViewBag.Message = "Select Medias";
            var MediaInfo = CampaignManagementService.GetMedias((string)Session["ticket"]);
            List<MediaList> items = new List<MediaList>();
            foreach (var element in MediaInfo)
            {
                items.Add(new MediaList() { ID = element.Key, Name = element.Value });
            }
            ViewData["list"] = items;

这是我在视图中的代码

<fieldset>
     <legend>@ViewBag.Message</legend>
     @{
         foreach (var item in ViewData["list"] as List<MediaList>)
         {
             <div class="form-horizontal well">
                 <div class="control-group">
                     <div class="controls">
                         <div class="checkbox-group">
                             <div class="adform-checkbox pull-left" tabindex=@item.ID></div>
                             <label>@item.Name</label>
                         </div>
                     <input class="input-small" type="text" id="input"> 
                     </div>
                 </div>
             </div>
         }
         <button type="submit" class="btn btn-success">Create Tag</button>

     } </fieldset>

2 个答案:

答案 0 :(得分:0)

您的表单标签在哪里? 没有它,任何地方都不会发布任何内容。

添加:

@using (Html.BeginForm())
{
    foreach (var item in ViewData["list"] as List<MediaList>)
        {
            <div class="form-horizontal well">
                <div class="control-group">
                    <div class="controls">
                        <div class="checkbox-group">
                            <div class="adform-checkbox pull-left" tabindex=@item.ID></div>
                            <label>@item.Name</label>
                        </div>
                    <input class="input-small" type="text" id="input"> 
                    </div>
                </div>
            </div>
        }
        <button type="submit" class="btn btn-success">Create Tag</button>
}

答案 1 :(得分:0)

这种创建复选框的方法看起来并不标准:

<div class="checkbox-group">
    <div class="adform-checkbox pull-left" tabindex=@item.ID></div>
    <label>@item.Name</label>
</div>

您是否尝试过使用Html.CheckBox()?这将为复选框呈现正确的输出,例如

<input type="checkbox" value="true" />

所以你可以试试

<div class="checkbox-group">
    @Html.CheckBox(@item.ID)
    <label>@item.Name</label>
</div>

编辑:

当我使用复选框时,我倾向于执行以下操作。在我的viewmodel类中,我有一个强类型项的集合:

public class MyViewModel
{
    public MyViewModel()
    {
        Items = new List<CheckBoxItem>();
        Items.Add(new CheckBoxItem { Id = 23, Text = "Hello" });
    }

    public IList<CheckBoxItem> Items { get; set; }
}

public class CheckBoxItem
{
    public int Id { get; set; }
    public bool Checked { get; set; }
    public string Text { get;set; }
}

以上仅用于演示目的。接下来,在视图中,我这样做:

 for (int idx = 0; idx < Model.Items.Count;idx++ )
    {
        @Html.HiddenFor(m => m.Items[idx].Id)
        @Html.CheckBoxFor(m => m.Items[idx].Checked)<label>@Model.Items[idx].Text</label>
    }

然后当你发布表格时,

[HttpPost]
public ActionResult Index(MyViewModel viewModel)
{
    // viewModel.Items will contains the checkbox items.
}