Javascript 如何在特定时间后禁用输入类型和启用按钮?
我正在制作一个问题表格,60秒后单选按钮将被禁用,下一个按钮将被启用,但我不知道如何实现它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
<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但你的问题中没有提到这一点。现在这些评论让你更加不清楚你到底在追求什么。