在JavaScript中的複選框更改後更新圖表

Question

晚上好，

我是JavaScript新手，非常感謝您的幫助。 我正在嘗試根據複選框的狀態（已選中或未選中）更新圈子統計信息。如果選中該複選框，則會創建一個值爲40％的圓形統計信息。如果不是，那麼它的值是100％。當我加載頁面時一切正常，但當選中/取消選中複選框時，圈子統計信息不會更新。

這裏是我的代碼：

<script> 

$(document).ready(function(){ 

    if ($('#checkHFX').is(':checked') == true) //This works 
     {  
      $('.my-stat').cirque ({ 
      value: 40, 
      total: 100, 
      arcColor: '#FF9900',  
      label: 'percent', 
      }); 
     } 
     else  
     { 
      $('.my-stat').cirque ({ 
      value: 100, 
      total: 100, 
      arcColor: '#FF9900',  
      label: 'percent', 
      }); 
     } 

    $('#checkHFX').change(function(){  
     if ($('#checkHFX').is(':checked') == true) 
     {  
      alert("checked"); //Only the alert works 
      $('.my-stat').cirque ({ 
      value: 40, 
      total: 100, 
      arcColor: '#FF9900',  
      label: 'percent', 
      }); 
     } 
     else  
     { 
      alert("unchecked"); //Only the alert works  
      $('.my-stat').cirque ({ 
      value: 100, 
      total: 100, 
      arcColor: '#FF9900',  
      label: 'percent', 
      }); 
     }  
    }); 
}); 
</script> 

和HTML代碼 ......

<div> 
<input type="checkbox" id="checkHFX" name="checkHFX" value="1">HFX<br> 
</div> 

<div class="my-stat"></div> 

非常感謝您的幫助！

親切的問候，

奧利維亞

Answer 1

邏輯可以更簡潔，但看起來聲音。你確定.cirque（）支持被再次調用來更新值嗎？

什麼庫是.cirque（）方法的一部分？