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()来解决此问题

example 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);

事件。