Question

Am trying to pass the selected check box value to the control function.
Please find my code

View:

        <script language="javascript" type="text/javascript">

            $(document).ready(function () {
                $("#myCheckbox").change(function () {
                    var $this = $(this);
                    var checkboxData = $(':checked').val();
                    $.ajax({
                        url: '/Home/About',
                        type: "POST",
                        data: checkboxData,
                        success: function (data) {
                                      if (data["success"]) {
                                      alert(data)
                                      }
                        }
                    });
                });
            });
        </script>
            <%using (Html.BeginForm())
  { %>
            <table>
                <tr>
                    <td>
                   <%foreach (var cbName in (List<Hello_World_MVC.Option>)ViewData["Data"])
                      {%>
                      <div id="AjaxDiv">
    //Dynamically i set the value for checkbox - Value that i using here is integer
                       <input type="checkbox" id="myCheckbox" value="<%=cbName.OptionID%>" />
                      </div>           
                    <%} %>            
                      </td>
                    </tr>
            </table>
          <%} %>    

This is control page:

  public ActionResult About()
        {
            AboutModels ObjAM = new AboutModels();//model class name
            ViewData["Data"] = ObjAM.dbValue();
            return View();
        }


        [HttpPost]
        public ActionResult About(int id)//this parameter is my selected checkbox value.I have to get this value from ajax
        {
            AboutModels ObjAM = new AboutModels();//model class name
            ViewData["Data"] = ObjAM.dbValue();
            ObjAM.dbUpdate(id);//I need to pass the id value to my model class to update the table
            return View();
        }

Here i am trying to post the selected checkbox value into the DB without any onclick events.Please advice.

Answer 1

Try like this:

var checkboxData = $(':checked').val();
$.ajax({
    url: '/Home/About',
    type: 'POST',
    data: { id: checkboxData },
    success: function (result) {
        alert(result.data);
    }
});

Also in your server action you may try returning JSON instead of some view:

[HttpPost]
public ActionResult About(int id)
{
    AboutModels ObjAM = new AboutModels();
    ObjAM.dbUpdate(id);
    return Json(new { data = ObjAM.dbValue() });
}