1

晚上好，

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

非常感谢您的帮助！

亲切的问候，

奥利维亚

4

1 回答 1

0

逻辑可能更简洁，但看起来很合理。您确定 .cirque() 支持再次调用以更新值吗？

.cirque() 方法属于哪个库？

于 2012-11-14T02:52:59.063 回答