如何限制所选CheckBox的最大数量？

Question

在页面上有一个CheckBoxList。我创造了这个：

@foreach (var project in Model.Projects)
{
    <input type="checkbox" 
        id="@project.Name"
        name="Projects"
        value="@project.ID"
        title="@project.Name" />
    <label for="@project.Name">@project.Name</label><br/>
}

如何限制所选CheckBox的最大数量？

Answer 1

试试这个：

 int count = 1;
 int maxnoofselected = 1;

@foreach (var project in Model.Projects)
{
    if(count <= maxnoofselected)
    {
        <input type="checkbox" 
        id="@project.Name"
        name="Projects"
        value="@project.ID"
        title="@project.Name"
        checked="checked" />
        <label for="@project.Name">@project.Name</label><br/>
        @count++;
    }
    else
    {    
        <input type="checkbox" 
        id="@project.Name"
        name="Projects"
        value="@project.ID"
        title="@project.Name" />
        <label for="@project.Name">@project.Name</label><br/>
    }
}

如果count小于或等于maxnoofselected（即您的号码），则会检查复选框，否则将取消选中。