クリックイベントをブートストラップにアタッチするラジオボタンを切り替えます

Question

私は以下のコードでブーストラップトグルしました。

$(document).ready(function() { 
    $('#showBuildQuantity').on('click', function() { 
     <code here> 
    }); 

    $('#showNumberOfScreens').on('click', function() { 
     <code here> 
    }); 
}); 

私が午前問題は、私は、トグルボタンをクリックすると、クリックイベントの実行されることはありませんということです。それは、視覚的に、私は、イベントをクリックし処理するためのいくつかのコードを持って、その下の右

<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> 

を進めています。

同じ種類の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); 
});