Advertise with us

Pass checked checkboxes to controller through ajax

I am developing a project on MVC.

I have a html form with some checkboxes say A,B,C,D & E and I am posting the form through ajax to one of the controllers.

I would like to distinctly identify if each check boxes are checked from the controller and perform some action based on the selected checkbox value.

I would like to know the best practise to acheive this.

Last updated:3/26/2014 4:26:48 AM

1 Answers

Pravesh Singh
Pravesh Singh

Hi Ashish,

You can do it in many ways. Here i'm giving a example-

Using a model object

Lets assume, you have a model "CheckBoxValues" in server side with the fields

public class CheckBoxValues
    public Boolean A { get; set; }
    public Boolean B { get; set; }

On your html page, use the code to get values from the checkboxes on a button click handler-

var values= {};
var StateOfCheckBoxA = $('#CheckBoxA').is(':checked');
values.A= StateOfCheckBoxA  ;
var StateOfCheckBoxB = $('#CheckBoxB').is(':checked');
values.B= StateOfCheckBoxB;
var SubmitURL = YourController/ActionMethod/
                type: "POST",
                url: SubmitURL,
                data: values,
                dataType: 'json',
                beforeSend: function () {
                success: function (result) {
                error: function (request, status, error) {
                complete: function () {

Now your actionmethod

 public JsonResult Create(CheckBoxValues values)
       Boolean checkboxA=values.A;
       Boolean checkboxB=values.B;

Hope this will help you.

Last updated:3/26/2014 4:26:48 AM