帶有複選框的jQueryUI手風琴

我試圖在每個手風琴標題中放入一個複選框，以表明是否應該禁用某些東西。該複選框顯示正常，但是，由於整個手風琴接頭連接到<a>標籤，因此無法點擊。將複選框置於<a>標記之外使複選框出現在標題下方，這不是我想要的，並且它仍然不可點擊。帶有複選框的jQueryUI手風琴

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

2011-09-15 Michael

？ –

問題是複選框不會檢查/取消選中，或者當您單擊時不希望手風琴的行爲？ – kinakuta

不會檢查/取消選中，你提到的手風琴行爲會很好，但是我說的是檢查/取消檢查不工作。 – Michael

您可以使用stopPropagation()來解決這個

像

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

2011-09-15 06:03:45 MikeM

非常感謝這一點，非常感謝！ –

我會從超鏈接中取出輸入控件。

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

2011-09-15 05:58:11 alistair

不能正常工作，正如我在OP中指定的那樣（在我的解釋中忘記了「tag」字詞前的代碼）。 – Michael

很酷...我從來沒有在超鏈接輸入控件之前工作:) – alistair

嘗試的複選框設置在acordion點擊事件檢測，使用

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

在HTML

和

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

事件。

2011-09-15 05:58:48 Olaf

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

要隱藏複選框也當手風琴面板被禁用

2016-05-17 10:56:29 Eyal

回答