CODEWITHSUNDEEP
javascriptjqueryasp.netajaxcheckbox
SKY
SKY

Reputation: 53

How can I pass the value and corresponding name of a checkbox when checked using javascript in ASP.NET?

I'm very new to ajax/javascript so I will try my best to explain my problem. Here's what I have so far:

$(function () {

        $("#chkFilter").on("click", "input", function (e) 
        {
            var filterCheckboxes = new Array();
            $("#chkFilter").find("input:checked").each(function () {
                //console.log($(this).val()); //works fine
                filterCheckboxes.push($(this).val());
                console.log($(this).val());

                //var filterCheckboxes = new Array();
                //for (var i = 0; i < e.length; i++) {
                //    if (e[i].checked)
                //        filterCheckboxes.push(e[i].value);
                //}
            });
        console.log("calling ajax");
        $.ajax({
            url: "/tools/oppy/Default.aspx",
            type: "post",
            dataType: "json",
            data: { UpdateQuery: filterCheckboxes }, // using the parameter name
            success: function (result) {
                if (result.success) {
                }
                else {
                }
            }
        });
        });
    });

Every time a checkbox is checked, ajax passes the data onto the server. Here is an example of some checkbox values after a few have been checked in the data form obtained from the Developer's Console:

Upvotes: 0

Views: 63

Answers (1)

Ryan
Ryan

Reputation: 97

You can try the following code:

filterCheckboxes.push($(this).prop("name") + "=" + $(this).val());

Upvotes: 1

Related Questions