使用foreach从列表创建Checkbox（或checkboxlist）

Question

我正在尝试从列表中创建一个复选框或复选框列表。我试过了：

@foreach (var bundle in Model.BundleList)
{

    <div>
        <input type="checkbox" name="labels" value="@bundle.BundleType" id="@bundle.BundleType" />
        <label for="@bundle.BundleType">@bundle.BundleType</label>
    </div>
} 

但我怎么知道选中了哪个复选框？我也希望有radiobutton行为，这意味着只能选择一个复选框。

Answer 1

使用JQuery，您可以通过$('input:checkbox:checked')选择器获取选中的复选框。

你可以拥有像下面这样的复选框的radiobutton行为。

$("input:checkbox").click(function () {
    if (!$(this).is(':checked')) {
        $(this).prop('checked', true);
        return;
    }
    $("input:checkbox").not(this).removeAttr("checked");
});

更新：在隐藏字段中设置所选复选框值。

Html

<input id="SelectedProducts" name="SelectedProducts" type="hidden" />

Jquery的

$("input:checkbox").click(function () {
    if (!$(this).is(':checked')) {
        $(this).prop('checked', true);
        return;
    }

    var checkvalue = $(this).val();
    $('#SelectedProducts').val(checkvalue);

    $("input:checkbox").not(this).removeAttr("checked");
});