jquery - 取消选择单选并撤消动画

Question

我有 2 个单选按钮，“是”按钮启动“速度表”的旋转，如果他们决定在事后按“否”，我想基本上撤消“是”按钮所做的事情。我想不出解决这个问题的最佳方法。

我正在尝试使用此代码执行此操作，它不会启动自定义事件：

jQuery('input[value="Yes"]').bind('click', function(){
       jQuery('input[name="' + jQuery(this).attr('name') + '"]').not(jQuery(this)).trigger('deselect');});
       jQuery('input[value="yes"]').bind('deselect', function(){
             jQuery('#progress').animate(
            {
                marginBottom: '-=5'
            },{
                step: function(now, fx) {
                    jQuery(this).css({transform: 'rotate(' + now + 'deg)'});
            }
}); });

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

Answer 1

你可以这样做：

    $("input[type=radio]").change(function(){
        var marginBottom = $("input[type=radio][value=yes]:checked").length * yourConstantForAnimate;
    });