將Click事件附加到Bootstrap切換單選按鈕

Question

我有一個帶有下面代碼的boostrap切換。 它在視覺上正常工作

<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點擊事件在同一頁面上有其他按鈕，但它們沒有問題。

Answer 1

經過一些研究后，我發現我需要使用更改而不是點擊。 所以代碼應如下所示：

$('#showBuildQuantity').on('change', function () {
    if (myChart != null) {
        myChart.destroy();
    }
    setChart(getBuildQuantityData);
});

$('#showNumberOfScreens').on('change', function () {
    if (myChart != null) {
        myChart.destroy();
    }
    setChart(getNumScreensData);
});