How to get the selected values from MVC CheckBoxFor jquery?

Question

I am working on a MVC app and right now I am stuck on the following problem: I have checkboxes generated from one of my models, however I don't know how to get the value(either name of id) of the selected ones in javascript. Any ideas ?

Here's the code:

@if (Model.Controls.Any())
       {

           for (int x = 0; x < Model.Controls.Count(); x++)
           {
        <div aria-autocomplete="inline">

            @Html.CheckBoxFor(p => p.Controls[x].IsSelected, new { @class = "CCB" })
            @Html.Label(Model.Controls[x].Name)
            @Html.HiddenFor(p => p.Controls[x].ID)

        </div>
           }

       }

Working with :

$(document).ready(function () {
    $('.CCB').change(function (event) {
        var matches = [];
        $(".CCB:checked").each(function () {
            matches.push(this.value);
        });
        alert(matches);

    });
});

Community · Accepted Answer · 2017-05-23 10:25:15Z

2

Try:

$(document).ready(function () {
    $('.CCB').change(function (event) {
        if ($(this).is(':checked'))
        {
            var theId = $(this).attr('id'); // The id of the checkbox
            var theValue = $(this).val(); // The value field of the checkbox
        }
    });
});

See also How can I get checkboxlist currently selected item value.

edited May 23, 2017 at 10:25

CommunityBot

11 silver badge

answered Jul 22, 2013 at 10:24

dlebech

1,83914 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

How to get the selected values from MVC CheckBoxFor jquery?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related