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

我想要实现的是在

PanelBar

中的面板标题中添加复选框，就像我在下面创建的一样

以下是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>

表1
测试1

表2
测试2

我发现，当您尝试选中复选框时，该选项卡将打开

单击复选框时，是否可以禁用已单击选项卡的onclick方法？

---

如果是这样的话，我有什么办法可以做到这一点吗？

只要防止传播：

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

---

请参阅：。

只需防止传播：

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

---

请参阅：。

感谢您的快速响应感谢您的快速响应