jquery - 根据点击了多少是单选框来旋转元素

Question

我正在尝试通过在调查中查找每次单击“是”来旋转“速度计”上的指针，并且对于每次单击，我都想将指针旋转几度，但我不准确知道如何获得这种效果。这就是我得到的：

jQuery('input[value="Yes"]').on('click', function (){


        jQuery('#progress').animate( marginBottom: +=4 }, 
        {
            step: function(now,fx) {
                jQuery(this).css('-webkit-transform','rotate('+now+'deg)'); 
                };  


        });

CSS：

#progress{
top: 78px;
left: 34px;
height: 0px;
width: 130px;
position: relative;
border: 2px solid #232323;
border-radius: 2px;
-webkit-transform: rotate(7deg);

}

这是小提琴：http: //jsfiddle.net/pTkkS/2/

Answer 1

jsFiddle

$('input[value=Yes]').on('change', function() {
    $('#progress').animate(
        {
            marginBottom: '+=4'
        },{
            step: function(now, fx) {
                $(this).css({transform: 'rotate(' + now + 'deg)'});
        }
    });
});