我试图做这个。所以，当我点击单选按钮，代码工作，但单选按钮没有得到遏制，它仍然正常。如何解决呢？
<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;
});
一些东西：
您的选择器是错误的：$('.pause')应该为$("#pause")或$(".rad")
另外，您正在呼叫e.preventDefault()inside click。这可以防止单击单选按钮的默认行为（即对其进行检查）。
更新的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;
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句