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 に答える