Question

I dynamically draw checkboxes in my form:

@using (Html.BeginForm("Action", "Controller", FormMethod.Post, new { id="itemsList"}))
{
foreach (var lt in Model.MyList)
            {                
                <li>                
                    <label id="label">
                        <input value="@lt.itemId" type="checkbox" />
                        @lt.Title</label>
                </li>                        
            } 
}

JQuery function:

$(document).ready(function () {
        $('#itemsList').ajaxForm({
            success: Saved,
            error: HandleError
        });
    });
...

But my action is not fired. Am I doing something wrong here? I am expecting that when I check checkbox make server call.

Answer 1

I am expecting that when I check checkbox make server call.

You should not expect that unless you’ve written handler for checkbox change

$(document).ready(function () {
        $('#itemsList').ajaxForm({
            success: Saved,
            error: HandleError
        });

        $(':checkbox').change(function(){
            $('#itemsList').submit();
        });
});