onclick div 색 채우기 percenatge 변경

Question

대화식 설문 조사를 만들고 사용자의 %가 2 가지 색상으로 답변 (동의/불만족)하고 있음을 보여주는 div가 있습니다. div를 사용자 응답에 따라 %로 변경해야합니다.

어떻게 이것을 onClick을 사용하여 얻을 수 있습니까?

도움이 될 것입니다.

Answer 1

두 개의 요소가 포함 된 컨테이너 div를 만드는 경우 (동의하거나 동의하지 않음) 동적으로 너비를 변경할 수 있습니다. 이 조정까지 온 클릭 이벤트를 연결하여, 당신은 당신이 필요로하는 결과를 얻을 수있을 것입니다 :

$(".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/