Passing Value to Javascript function

Question

I'm calling a jQuery function, but the alert function displays [object Object]. The check value works, but not the passed id value.

Here's the call to the function taken from the html output:

<td class="myGroups">
    <input class="chkSubscribed" type="checkbox" onclick="UpdateSubscription(2)" name="subscribed">
</td>

Here's the javascsript function:

$(".chkSubscribed").change(function(id) {
    alert(id);
    var chkd=0;
    var groupid=id;
    if (this.checked) { chkd=1; }
        $.ajax({
        type:"POST",
        url:"resources/updateSubscribe.php",
        data: { group_id: groupid, checkval: chkd },
        success: function(){
        alert("Account updated!" + "chkval=" + chkd + " id=" + groupid);                }
    });
});

Thanks for any help!

Matt Ball · Accepted Answer · 2011-08-21 17:47:32Z

3

You're doing it wrong.

Either you want to call a function or you want to use the change event.

If you want to call a function create a function as follows:

function moo(id) {
    //code here
}

If you want to do it using the change event you can give your input an id of the number you want as follows:

<input id="2" class="chkSubscribed" type="checkbox" name="subscribed">

And then your javascript should look as follows:

$(".chkSubscribed").change(function() {
    id=this.id;
    //and the rest of the code as you wrote
});

edited Aug 21, 2011 at 17:47

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

answered Aug 21, 2011 at 17:43

Nachshon Schwartz

15.9k20 gold badges65 silver badges99 bronze badges

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

Comments

Matt Ball · Accepted Answer · 2011-08-21 17:47:05Z

3

There are a few different issues at play here.

Using alert() for debugging. This is almost always worse than using console.log(). Everything passed to alert is converted to a string, which is why you see "[object Object]" instead of something useful. Switch to console.log() and you'll see something meaningful.
jQuery event callbacks are passed a jQuery event object. That object is what id is set to.
The inline onclick handler has absolutely nothing to do with the change handler that you've bound with jQuery.

edited Aug 21, 2011 at 17:47

answered Aug 21, 2011 at 17:41

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Comments

BrokenGlass · Accepted Answer · 2011-08-21 17:42:03Z

0

the jQuery function change() will pass the event object, not the id of the changed object - you treat it as if it was the id currently.

answered Aug 21, 2011 at 17:42

BrokenGlass

161k28 gold badges297 silver badges339 bronze badges

Collectives™ on Stack Overflow

Passing Value to Javascript function

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related