html - 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/