html - divカラー塗りつぶしのパーセンテージを変更するonclick

Question

私はインタラクティブなアンケートを作成しており、ユーザーの回答 (同意/不同意) の割合を 2 色で示す div を含んでいます。ユーザーの回答に応じて、div で % を変更する必要があります。

onClick を使用してこれを達成するにはどうすればよいですか?

どんな助けでも素晴らしいでしょう。

Answer 1

2 つの要素 (同意する要素と同意しない要素) を含むコンテナー div を作成すると、それらの幅を動的に変更できます。これを調整するために onclick イベントを配線することで、必要な結果を得ることができるはずです。

$(".vote-agree-button").click(function() {
    $(".agree").width($(".agree").width() + 1);
    $(".disagree").width($(".disagree").width() - 1);    
});

$(".vote-disagree-button").click(function() {
    $(".agree").width($(".agree").width() - 1);
    $(".disagree").width($(".disagree").width() + 1); 
});

動作する JSFiddle の例: http://jsfiddle.net/d8QLa/