Kendo Panelbar - 向面板添加一个复选框以选择多个面板标题

Question

我想要实现的是向PanelBar中的面板标题添加复选框，就像我创建的以下fiddle一样。

下面是html：

<ul id='panelbar'>
    <li class='k-state-active'> <span class='k-link k-state-selected'>Tab 1 <input type="checkbox" class="cbSelect"/></span>
        <div>Test 1</div>
    </li>
    <li> <span class='k-link k-state-selected'> Tab2 <input type="checkbox" class="cbSelect"/></span>
        <div>Test 2</div>
    </li>
</ul>

我发现当您尝试选中该复选框时，该标签会打开。

单击复选框时是否可以为点击的标签禁用onclick方法？

如果是的话，有关如何实现这一目标的任何想法吗？

Answer 1

阻止传播：

$("#panelbar").on("click", "input.cbSelect", function(evt) {
    evt.stopPropagation();
})

请参阅：jsFiddle。