Javascript 如何从单选按钮mouseup事件运行函数？

我正在尝试使用一对单选按钮来启动/停止自动水平滚动器。我已经尝试了几种在SO上发现的jquery技术，但都没能让它们发挥作用

以下是我的最新尝试：

$( "#radAutoScroll0" ).mouseup(function() {
    scrollTimer(); 
});
function scrollTimer(){
    if($("#radAutoScroll0").is(':checked')){
        // scroller code.....
    }
}

<div class="scrollDiv">
    <label for="autoScroll" class="autoScrollLabel">Auto Scroll</label><br />
    <label for="radAutoScroll0" class="labAutoScroll">
        <input type='radio' name='radAutoScroll' id='radAutoScroll0' class="rad1" checked="checked" value='on'/>On
    </label>
    <label for="radAutoScroll1" class="labAutoScroll">
        <input type='radio' name='radAutoScroll' id='radAutoScroll1' class="rad1" value='off'/>Off
    </label>
</div>

$（“#雷达自动滚动0”）.mouseup（函数（）{
滚动定时器（）；
});
函数scrollTimer（）{
如果（$（“#radAutoScroll0”）。是（':checked'））{
//滚动代码。。。。。
}
}
自动滚动

在…上
关

使用

change

事件，并将其绑定到两个单选按钮（使用

labAutoScroll

类），以便在单击其中一个按钮时触发

$('.labAutoScroll').change(function()
{
    if($("#radAutoScroll0").is(':checked')){
        // scroller code.....
    }
});

---

或者在包装单选按钮时尝试在标签上使用“单击”事件：

$(document).on('click', '.labAutoScroll', function(event) {

    var thisButton = $(this).prop('for');

    if (thisButton == 'radAutoScroll0') {


    } else {


    }

});

---

如果您有两个以上的单选按钮，您可以使用

开关（此按钮）

来分隔您的案例。

jsfiddle/plnkr/codepen请？为什么不使用。单击（）？请参阅