Cannot pass "onchange" listener to a checkbox via jQuery/JavaScript

Question

I am editing a website in Drupal 7, and using a custom JS file to add a bit of scripting functionality to a form that I created with the Webform module.

Basically, there is a checkbox that, if checked, will prevent the user from having to fill in redundant fields on the form if the information from one section also applies to the other section.

This is my code, for now I am just testing to see if the information gets passed between the functions.

$(document).ready(function() {
    var checkbox = $("#edit-submitted-contact-information-pi-checkbox-1");
    checkbox.onchange = "checkPI(this);";
});

function checkPI(x) {
    if(x.checked) alert("Checkbox is checked");
    else alert("Checkbox is unchecked.");
}

When I click the checkbox, however, nothing happens. I double checked and the JS script is being added to the page by Drupal (in the .info file I added scripts[] = myjs.js and also linked jQuery before that.

Upon doing other alert() tests, I found that it is finding the check() function from the document ready handler.

Am I missing something/not doing something a certain way?

Also note: I have to make sure this site works in IE 8, so I cannot use the setAttribute() method to add the onchange listener.

you can use setAttribute in IE8. here's how: stackoverflow.com/questions/15329292/… — user428517
– user428517, Commented Jul 25, 2014 at 17:25
OK, but do I have to use setAttribute to get this working at all? — djmordigal
– djmordigal, Commented Jul 25, 2014 at 17:28

djmordigal · Accepted Answer · 2014-07-25 18:52:16Z

-1

Found the solution...

The problem was that jQuery was treating the checkbox element as [object Object] instead of [object HTMLInputElement]. Therefore, to avoid the hassle, I just used plain old JavaScript to assign the functions and listeners and everything works now.

answered Jul 25, 2014 at 18:52

djmordigal

5591 gold badge5 silver badges16 bronze badges

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

Collectives™ on Stack Overflow

Cannot pass "onchange" listener to a checkbox via jQuery/JavaScript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related