부트 스트랩에 클릭 이벤트 연결 라디오 버튼 전환

Question

아래 코드로 부글 트랩 토글이 있습니다. 그것은 시각적으로 노력하고 바로

<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); 
});