JQuery click function is not working

Question

I've seen this question before but all the answers I saw do not apply to my particular problem. Most of the ones I've seen were caused by the click not being used in a document ready function. All of the stuff in setup_calenders and disable_items is happening but no alert pops up when the checkbox is clicked.

$(document).ready(setup)

function setup() {
$("id_Clearance").click(enable_clearance);
$("id_Paperwork").click(enable_paperwork);
$("id_AVSupport").click(enable_support);
setup_calendars();
disable_items();
}

function enable_paperwork()
{
alert("clicked");
}

That won't help in this case. click() is a shortcut for .bind("click", handler), as well as for .on("click", handler) as of jQuery 1.7. api.jquery.com/click — james
– james, Commented Aug 27, 2012 at 21:32
for .on("click",handler), not for .on("click",selector,handler) — mddw
– mddw, Commented Aug 27, 2012 at 21:37
Right, and using delegated events like that helps a lot if you are updating/replacing the elements on the page. — james
– james, Commented Aug 27, 2012 at 21:42

james · Accepted Answer · 2012-08-27 21:33:22Z

6

You're missing the # signs that indicate that a selector should match an element ID:

$("#id_Clearance").click(enable_clearance);
$("#id_Paperwork").click(enable_paperwork);
$("#id_AVSupport").click(enable_support);

answered Aug 27, 2012 at 21:33

james

13.4k9 gold badges50 silver badges74 bronze badges

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

1 Comment

bgrantdev Over a year ago

I did there's was some kind of block setup that made me wait to accept :)

Hogan · Accepted Answer · 2012-08-27 21:33:31Z

1

Is this what you want?

function setup() {
  $("#id_Clearance").click(enable_clearance);
  $("#id_Paperwork").click(enable_paperwork);
  $("#id_AVSupport").click(enable_support);
  setup_calendars();
  disable_items();
}

You need to include a # before an element's id to select for id. Just a name like that looks for a tag. eg:

<id_Clearance/>

jQuery has great documentation: http://api.jquery.com/category/selectors/

answered Aug 27, 2012 at 21:33

Hogan

70.7k10 gold badges82 silver badges119 bronze badges

Comments

Gromer · Accepted Answer · 2012-08-27 21:33:56Z

I could be wrong as I don't have your html source, but it looks like you might not have the correct selectors for IDs.

Currently, you're doing this:

$("id_Clearance").click(enable_clearance);
$("id_Paperwork").click(enable_paperwork);
$("id_AVSupport").click(enable_support);

If those are indeed supposed to be ids of elements on the page, you'll want to change it to this:

$("#id_Clearance").click(enable_clearance);
$("#id_Paperwork").click(enable_paperwork);
$("#id_AVSupport").click(enable_support);

Notice the # at the start of the selectors. That's what is used to select an id.

Collectives™ on Stack Overflow

JQuery click function is not working

3 Answers 3

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Related