将Click事件附加到Bootstrap切换单选按钮
将Click事件附加到Bootstrap切换单选按钮
提问于 2016-07-29 03:37:54
我用下面的代码做了一个启动切换。它在视觉上是正确的
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="options" id="showBuildQuantity" autocomplete="off" checked>Build Quantity
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="showNumberOfScreens" autocomplete="off" onclick="showBuildQuantity()">Number of Screens
</label>
</div>下面我有一些处理点击事件的代码：
$(document).ready(function () {
$('#showBuildQuantity').on('click', function () {
<code here>
});
$('#showNumberOfScreens').on('click', function () {
<code here>
});
});我遇到的问题是，当我单击切换按钮时，单击事件永远不会运行。
我在同一页上的其他按钮使用相同类型的jQuery点击事件，他们没有问题。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-07-29 04:07:13
经过一些研究，我发现我需要使用change而不是click。因此，代码应该如下所示：
$('#showBuildQuantity').on('change', function () {
if (myChart != null) {
myChart.destroy();
}
setChart(getBuildQuantityData);
});
$('#showNumberOfScreens').on('change', function () {
if (myChart != null) {
myChart.destroy();
}
setChart(getNumScreensData);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38645324
复制相关文章
相似问题
腾讯云开发者
