How to get the values of Check Box(@Html.CheckBox) through JQuery JSON data

Question

I want to bind values(checked or not) to a @Html.CheckBox in MVC 3 through JQuery.

This is my HTML-

@using (Html.BeginForm())
{
IEnumerable<SelectListItem> Brands = ViewBag.GetBrands;
foreach (var item in Brands)
{
 @Html.CheckBox("Brands", false, new{value = item.Value});
 <label>@item.Text</label><br />
}}

This is what I tried-

function test {

    var url = "/OfficeManagement/Offices/GetOfficeConfiguration";
    var stringToReverse = rowData.ID;
    var noCache = Date();
    $.get(url, { officeID: stringToReverse, "noCache": noCache }, function (data) {
    for(int i=0;i<data.Configuration.OfficeBrands.count;i++)
         {
          $('#Brands').attr('checked', data.Configuration.OfficeBrands[i]);
         }
    ...............
   }

Seems like there will be multiple checkboxes. So put your HTML in a container ( a div or something like that ) then loop through all the checkboxes inside that div. — Varun Paul
– Varun Paul, Commented Sep 19, 2013 at 11:42
So inside that javascript function, loop through each checkbox and assign the attribute. — Varun Paul
– Varun Paul, Commented Sep 19, 2013 at 11:53
No.. you are looping through the data , not through the checkboxes. — Varun Paul
– Varun Paul, Commented Sep 19, 2013 at 12:54

mayabelle · Accepted Answer · 2013-09-19 14:51:17Z

2

        **$("#Brands").attr("checked"," ")**

In the above line, you are accessing the checkbox using ID, but if there are multiple checkboxes having the same ID, then it will work only for the first checkbox. So, add a class attribute to all the checkboxes and then access them using the class.

edited Sep 19, 2013 at 14:51

mayabelle

10.1k10 gold badges40 silver badges59 bronze badges

answered Sep 19, 2013 at 11:56

Ajinder Singh

5302 silver badges8 bronze badges

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

Comments

Jatin patil · Accepted Answer · 2013-09-19 12:41:35Z

0

To make it work you can try as follows,

Create checkbox with the unique name as follows:

int counter = 0;
foreach (var item in Brands)
{
     @Html.CheckBox("Brands" + counter, false, new{value = item.Value});
     counter++;
 }

It will create html markup somewhat similar like this:

<input type="checkbox" name = "Brands0" />
<input type="checkbox" name = "Brands1" />
<input type="checkbox" name = "Brands2" />

Then in jquery you can retrive the values like this:

   for(int i=0;i<data.Configuration.OfficeBrands.count;i++)
   {
      $( "input[name*='"Brands"+i+"]"').attr('checked', data.Configuration.OfficeBrands[i]);
   }

answered Sep 19, 2013 at 12:41

Jatin patil

4,2961 gold badge20 silver badges27 bronze badges

Comments

Sandy · Accepted Answer · 2013-09-26 07:56:47Z

0

This is worked for me-

$.each(data.Configuration.OfficeBrands, function(i, brand) {
$(':checkbox[Value="' + brand.ID + '"]').prop('checked', true);});

answered Sep 26, 2013 at 7:56

Sandy

2,4597 gold badges36 silver badges63 bronze badges

Collectives™ on Stack Overflow

How to get the values of Check Box(@Html.CheckBox) through JQuery JSON data

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related