Create Checkbox (or checkboxlist) from a list using foreach

Question

I am trying to make a checkbox or checkboxlist from a list. i tried:

@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>
}

but how can i know which checkbox is selected? i also want to have radiobutton behaviour, which mean only one checkbox can be selected.

Why do you need checkboxes if you are going to uses them like radio buttons? — shree.pat18
– shree.pat18, Commented Nov 26, 2015 at 7:57
If you want radio button behavior, then use radio buttons (not checkboxes) — user3559349
– user3559349, Commented Nov 26, 2015 at 7:57
@Kimos, add a class to all checkboxes and find checked checkboxes by $('.class_name:checked') — Abhilash Augustine
– Abhilash Augustine, Commented Nov 26, 2015 at 7:59
Hi, i made some changes and i added a jquery script to make the radiobutton behaviour — Kimos
– Kimos, Commented Nov 26, 2015 at 8:13

Ibrahim Khan · Accepted Answer · 2015-11-26 14:14:45Z

1

Using JQuery you can get selected checkbox by $('input:checkbox:checked') selector.

And you can have radiobutton behaviour of checkbox like following.

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

Update: To set selected checkbox value in a hidden field.

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");
});

edited Nov 26, 2015 at 14:14

answered Nov 26, 2015 at 8:13

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Kimos Over a year ago

i cant get the selected checkbox value and put it in a hidden property i tried: var checkvalue = $('input[name=labels]:checked').map(function () { return this.value; }).get(); i dont know if the checkvalue is correct. how can i assign checkvalue to a propperty in the model?

Ibrahim Khan Over a year ago

What do mean by hidden property? Did you mean hidden input?

Kimos Over a year ago

yes hidden input @this.Hidden(m => m.SelectedProducts)

Kimos Over a year ago

after checking one of the checkbox and see in F12 (developertool) then SelectedProducts value is empty

Collectives™ on Stack Overflow

Create Checkbox (or checkboxlist) from a list using foreach

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related