Passing a selected checkbox value using Javascript

Question

I have a table, and the last column in the table has a checkbox, when the user clicks on a a check box, i want to pass a row value to a different function, but when i do this, the code doesn't seem to be firing, am i missing something ?

 function GetContractors(companyName) {

    var workforce = companyName;

    $.ajax({

        type: 'GET',
        url: '@Url.Action("getContractors","Permit")',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: { "workforce": workforce },
        success: function (result) {

            $("#mainData").empty();

            $.each(JSON.parse(result),
                function (i, item) {

                    var row = i + 1;

                    $("#mainData").append(

                        "<tr>" +

                        "<td id='process_"  + row + "'" + ">" + item.ContractorName + "</td>" +

                        "<td bgcolor= " + "'" + cellColour1 + "'" + " id='process_" + row + "'" + ">" + parseJsonDate(item.InductionExpiry) + "</td>" +

                        "<td bgcolor= " + "'" + cellColour + "'" + " id='process_" + row + "'" + ">" + parseJsonDate(item.InsuranceExpiry) + "</td>" +

                        "<td id='Action" + row + "'" + ">" +

                        "<checkbox id='checkbox' class='btn btn-xs btn-success " +
                        "'" + "onclick='SelectedUser(" + item.ContractorName + ")" +
                        "'" + ">" + "<i class='glyphicon glyphicon-trash" +
                        "'" + "></i>" + "</checkbox>" + "&nbsp" +

                       "</tr>");

                });
        },
        error: function (result) {

            alert(result);
        }
    });
};

  function SelectedUser(name) 
  {
    alert(name);
    }

want to pass a row value to a different function You are just passing { "workforce": workforce }, Am I missing something? — Praveen Kumar Purushothaman
– Praveen Kumar Purushothaman, Commented Nov 8, 2018 at 12:14
If value of item.ContractorName is say john, javascript will see the onclick handler code as SelectedUser(john), so javascript wil ltry to look for a variable named john which doesnt exists and error will be thrown. TLDR: Hardcoded string argument is missing quotes. — Mat J
– Mat J, Commented Nov 8, 2018 at 12:16
i want to pass "contractorName" to the function selectUser when the checkbox is clicked — user1483145
– user1483145, Commented Nov 8, 2018 at 12:16
try onchange instead of onclick. Plus see in your DOM what exactly is rendered. — Mukesh Verma
– Mukesh Verma, Commented Nov 8, 2018 at 12:22
Declare your function "window.SelectedUser = function(name){ ... };" — fmineo
– fmineo, Commented Nov 8, 2018 at 12:24

Brian Mains · Accepted Answer · 2018-11-08 13:24:30Z

2

Try this:

"onclick='SelectedUser(\"" + item.ContractorName + "\")" +

You were passing:

onclick='SelectedUser(Bob)'

which would expect an object, but should be

onclick='SelectedUser("Bob")'

\" escapes the double-quote

answered Nov 8, 2018 at 13:24

Brian Mains

50.8k35 gold badges155 silver badges260 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1483145 Over a year ago

Legend! All i was missing was the single quotes, as i compared this in the DOM

cassmtnr · Accepted Answer · 2018-11-08 12:56:30Z

1

If the value is a string pass it between apostrophes, like so:

SelectedUser(" ' + item.ContractorName + ' ").

edited Nov 8, 2018 at 12:56

cassmtnr

94713 silver badges28 bronze badges

answered Nov 8, 2018 at 12:38

Lior Tencher

112 bronze badges

Collectives™ on Stack Overflow

Passing a selected checkbox value using Javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related