jQueryUI баян с флажками

Question

Я пытаюсь поставить флажок в каждом из заголовков моего аккордеона, чтобы указать, должно ли что-то быть отключено или нет.Флажок отображается нормально, однако его нельзя кликнуть, поскольку весь заголовок аккордеона связан с тегом <a>.Если поставить флажок за пределами тега <a>, флажок появится под заголовком, что не является тем, что мне нужно, и он по-прежнему не активен.

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

Answer 1

Вы можете использовать stopPropagation(), чтобы исправить это

пример jsfiddle

что-то вроде

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

Answer 2

Я бы взял контроль ввода из гиперссылки.

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

Answer 3

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

Answer 4

Попробуйте установить флажок в флажок в событии щелчка аккордеона, используя

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

в HTML и

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

в случае.