jQueryUI accordion with checkboxes

Question

I\'m trying to put a checkbox in each of my accordion headings to indicate whether something should be disabled or not. The checkbox shows up fine, however, its not clickabl

Answer 1

<input type="checkbox" onclick="event.stopPropagation()" />

Answer 2

Try setting the checkbox to checked in the acordion click event, using

<input type="checkbox" name="foo" />

in the html and

$('input[name=foo]').attr('checked', true);

in the event.

Answer 3

I would be taking the input control out of the hyperlink.

<h3><a href="#">Text</a><span id="id">More text<input type="checkbox"/></span></h3>

Answer 4

You can use stopPropagation() to fix this

example jsfiddle

something like

$('#accordion input[type="checkbox"]').click(function(e) {
    e.stopPropagation();
});