在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（）方法的一部分？