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

Question

我正在尝试使用一对单选按钮来启动/停止自动水平滚动条。我已经尝试了几种在 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>

Answer 1

或者尝试在标签上使用“click”事件，因为它们包裹着单选按钮:

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

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

    if (thisButton == 'radAutoScroll0') {


    } else {


    }

});

如果您有超过 2 个单选按钮，您可以使用 switch(thisButton) 来分隔您的案例。