onclick更改div颜色填充的百分比

Question

我正在创建一个互动调查，并且包含一个div，用于显示2种颜色的用户答案百分比（同意/不同意）。我要求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/