Javascript 如何在特定时间后禁用输入类型和启用按钮?

Javascript 如何在特定时间后禁用输入类型和启用按钮?,javascript,html,jquery,Javascript,Html,Jquery,我正在制作一个问题表格,60秒后单选按钮将被禁用,下一个按钮将被启用,但我不知道如何实现它 <form action=""> <p id="some_div"></p> <input type="radio" > <input type="radio" > <input type="radio" > <input type="radio" > <input type="submit

我正在制作一个问题表格,60秒后单选按钮将被禁用,下一个按钮将被启用,但我不知道如何实现它


<form action="">
  <p id="some_div"></p>
  <input type="radio" >
  <input type="radio" >
  <input type="radio" >
  <input type="radio" >
  <input type="submit">
</form>


同样的

<script>
  $('input[type="submit"]').attr('disabled' , true);
</script>
<script>
  var timeLeft = 60;
  var elem = document.getElementById('some_div');
  var timerId = setInterval(countdown, 1000);

  function countdown() {
    if (timeLeft == -1) {
        clearTimeout(timerId);
        doSomething();
    } else {
        elem.innerHTML = timeLeft + ' seconds remaining';
        timeLeft--;
    }
  }

  function doSomething() {
    $(':radio:not(:checked)').attr('disabled', true);
    $('input[type="submit"]').attr('disabled' , false);
  }
</script>

$('input[type=“submit”]”)。attr('disabled',true);
var timeLeft=60;
var elem=document.getElementById('some_div');
var timerId=设置间隔(倒计时,1000);
函数倒计时(){
if(timeLeft==-1){
清除超时(timerId);
doSomething();
}否则{
elem.innerHTML=timeLeft+“剩余秒数”;
时间限制--;
}
}
函数doSomething(){
$(':radio:not(:checked').attr('disabled',true);
$('input[type=“submit”]”)。attr('disabled',false);
}
  • 最初将提交“下一步”按钮设置为属性:
    已禁用
  • 为“下一步”按钮使用类名,即:
    “下一步”
  • 为单选按钮使用
    名称
    属性
  • 你多了一秒钟。在
    倒计时
    函数中不需要
    else
    块:
var timeLeft=5;
var elem=document.getElementById('some_div');
var timerId=设置间隔(倒计时,1000);
函数倒计时(){
时间限制--;
elem.textContent=`${timeLeft}剩余秒数`;
如果(!timeLeft){
doSomething();
清除超时(timerId);
}
}
函数doSomething(){
$('[name=“a”]:未(:选中)).prop('disabled',true);
$('.next').prop('disabled',false);
}

下一个

我想这样做,如果选择单选按钮,则按钮将在之前启用time@joshua但你的问题中没有提到这一点。现在这些评论让你更加不清楚你到底在追求什么。