forum

home / developersection / forums / pass checked checkboxes to controller through ajax

Ask Question

Pass checked checkboxes to controller through ajax

Anonymous User 2485 26-Mar-2014

I am developing a project on ASP.net 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.

asp.net mvc asp.net mvc 
Updated on 26-Mar-2014
Anonymous User

Other

I am a content writter !

Message
Can you answer this question?
Answer

1 Answers

Pravesh Singh

Pravesh Singh

26-Mar-2014
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/
            $.ajax({
                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.

MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy