javascript - 如何在 jQuery 中选中单选按钮时触发事件

Question

我试过做 this .So，当我点击单选按钮时，代码有效，但单选按钮没有被选中，它仍然正常。如何解决？

<p>
    <input id="play" class="rad" type='radio' name='a'/>
    <input id="pause" class="rad" type='radio' name='a'/>
</p>

var output = $('h1');
var isPaused = false;
var time = 30;
var t = window.setInterval(function () {
    if (!isPaused) {
        time--;
        output.text("0:" + time);
    }
}, 1000);

//with jquery
$('.pause').on('click', function (e) {
    e.preventDefault();
    isPaused = true;
});

$('.play').on('click', function (e) {
    e.preventDefault();
    isPaused = false;
});

Answer 1

一些事情:

您的选择器是错误的:$('.pause') 应该是 $("#pause") 或 $(".rad")

另外，您在 click 中调用了 e.preventDefault()。这阻止了单击单选按钮的默认行为，即选中它。

Updated jsFiddle对于我认为您正在尝试实现的目标，即让单选按钮成为您的计时器的开关:

var output = $('h1');
var isPaused = false;
var time = 30;
var t = window.setInterval(function() {

    if(!isPaused) {
        time--;
        output.text("0:" + time);
    }
}, 1000);

//with jquery
$('#pause').on('click', function(e) {
    isPaused = true;
});

$('#play').on('click', function(e) {
    isPaused = false;
});