Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html div颜色填充的一次点击改变百分比_Html_Colors_Onclick - Fatal编程技术网

Html div颜色填充的一次点击改变百分比

Html div颜色填充的一次点击改变百分比,html,colors,onclick,Html,Colors,Onclick,我正在创建一个交互式调查,并有一个包含div的表格,以两种颜色显示%的用户回答(同意/不同意)。我要求div根据用户的回答更改% 如何使用onClick实现这一点 任何帮助都会很好。如果您创建一个包含2个元素(同意和不同意)的容器div,您可以动态更改它们的宽度。通过向上连接onclick事件来调整此设置,您应该能够获得所需的结果: $(".vote-agree-button").click(function() { $(".agree").width($(".agree").width

我正在创建一个交互式调查,并有一个包含div的表格,以两种颜色显示%的用户回答(同意/不同意)。我要求div根据用户的回答更改%

如何使用onClick实现这一点


任何帮助都会很好。

如果您创建一个包含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); 
});

工作过的JSFIDLE示例:

很乐意帮助!如果您对此感到高兴,请选择此作为您的答案!谢谢你,泡菜。现在我知道了——知道是成功的一半!