如何将输入标签设置为启用?
How to set the input tag as enabled?
var startat = 5;
function disableRegBtn(bdisable){
document.getElementById('regBtn').disabled=bdisable;
}
function showTime(){
if(startat == 0){
clearInterval(timeId);
document.getElementById("p1").innerHTML = "please register now";
disableRegBtn("enabled");
return;
}
document.getElementById("p1").innerHTML = "please register in " + startat + " second(s)";
startat--;
}
window.onload=function(){
document.getElementById('taid').readOnly=true;
disableRegBtn(true);
timeId=setInterval("showTime()",1000);
}
<textarea id="taid" cols="30" rows="5">Registration Agreement:
1.xxxxxx
2.xxxxxx
3.xxxxxx
</textarea> <p id="p1"><input id="regBtn" type="button" value="register" /></p>
我想让人们在提交注册之前至少5秒阅读注册协议,当5秒结束时,please register now
可以在网页上显示,如何让<input id="regBtn" type="button" value="register" />
生效?
我在 showTime
函数中对 disableRegBtn()
做了一些尝试。
disableRegBtn(false)
disableRegBtn("false")
disableRegBtn("disabled")
disableRegBtn("enabled")
None个可以生效。
你的按钮在做的时候被删除了document.getElementById("p1").innerHTML = "please register in...
只是在超时后重新添加按钮
var startat = 5;
function disableRegBtn(bdisable) {
document.getElementById('regBtn').disabled = bdisable;
}
function showTime() {
if (startat == 0) {
clearInterval(timeId);
document.getElementById("p1").innerHTML = '<input id="regBtn" type="button" value="register" />';
return;
}
document.getElementById("p1").innerHTML = "please register in " + startat + " second(s)";
startat--;
}
window.onload = function() {
document.getElementById('taid').readOnly = true;
disableRegBtn(true);
timeId = setInterval("showTime()", 1000);
}
<textarea id="taid" cols="30" rows="5">Registration Agreement:
1.xxxxxx
2.xxxxxx
3.xxxxxx
</textarea>
<p id="p1"><input id="regBtn" type="button" value="register" /></p>
您不需要再次创建按钮,因为它已经在 DOM。
您可以使用变量来保存元素,以便您可以在需要时使用它们。这将确保您的代码更加干净和健壮。
您可以在计数器为 0
时传递 flase
而不是传递 enabled。我还建议您在处理纯文本内容时使用 textContent
而不是 innerHTML
,因为它更快更可预测。
var startat = 5;
var buttonEl = document.getElementById('regBtn');
var pEl = document.getElementById("p1");
function disableRegBtn(bdisable){
buttonEl.disabled = bdisable;
pEl.textContent = '';
pEl.prepend(buttonEl);
}
function showTime(){
if(startat == 0){
clearInterval(timeId);
pEl.textContent = "please register now";
disableRegBtn(false);
return;
}
pEl.textContent = "please register in " + startat + " second(s)";
startat--;
}
window.onload=function(){
document.getElementById('taid').readOnly=true;
disableRegBtn(true);
timeId=setInterval("showTime()",1000);
}
<textarea id="taid" cols="30" rows="5">Registration Agreement:
1.xxxxxx
2.xxxxxx
3.xxxxxx
</textarea> <p id="p1"><input id="regBtn" type="button" value="register" /></p>
var startat = 5;
function disableRegBtn(bdisable){
document.getElementById('regBtn').disabled=bdisable;
}
function showTime(){
if(startat == 0){
clearInterval(timeId);
document.getElementById("p1").innerHTML = "please register now";
disableRegBtn("enabled");
return;
}
document.getElementById("p1").innerHTML = "please register in " + startat + " second(s)";
startat--;
}
window.onload=function(){
document.getElementById('taid').readOnly=true;
disableRegBtn(true);
timeId=setInterval("showTime()",1000);
}
<textarea id="taid" cols="30" rows="5">Registration Agreement:
1.xxxxxx
2.xxxxxx
3.xxxxxx
</textarea> <p id="p1"><input id="regBtn" type="button" value="register" /></p>
我想让人们在提交注册之前至少5秒阅读注册协议,当5秒结束时,please register now
可以在网页上显示,如何让<input id="regBtn" type="button" value="register" />
生效?
我在 showTime
函数中对 disableRegBtn()
做了一些尝试。
disableRegBtn(false)
disableRegBtn("false")
disableRegBtn("disabled")
disableRegBtn("enabled")
None个可以生效。
你的按钮在做的时候被删除了document.getElementById("p1").innerHTML = "please register in...
只是在超时后重新添加按钮
var startat = 5;
function disableRegBtn(bdisable) {
document.getElementById('regBtn').disabled = bdisable;
}
function showTime() {
if (startat == 0) {
clearInterval(timeId);
document.getElementById("p1").innerHTML = '<input id="regBtn" type="button" value="register" />';
return;
}
document.getElementById("p1").innerHTML = "please register in " + startat + " second(s)";
startat--;
}
window.onload = function() {
document.getElementById('taid').readOnly = true;
disableRegBtn(true);
timeId = setInterval("showTime()", 1000);
}
<textarea id="taid" cols="30" rows="5">Registration Agreement:
1.xxxxxx
2.xxxxxx
3.xxxxxx
</textarea>
<p id="p1"><input id="regBtn" type="button" value="register" /></p>
您不需要再次创建按钮,因为它已经在 DOM。
您可以使用变量来保存元素,以便您可以在需要时使用它们。这将确保您的代码更加干净和健壮。
您可以在计数器为 0
时传递 flase
而不是传递 enabled。我还建议您在处理纯文本内容时使用 textContent
而不是 innerHTML
,因为它更快更可预测。
var startat = 5;
var buttonEl = document.getElementById('regBtn');
var pEl = document.getElementById("p1");
function disableRegBtn(bdisable){
buttonEl.disabled = bdisable;
pEl.textContent = '';
pEl.prepend(buttonEl);
}
function showTime(){
if(startat == 0){
clearInterval(timeId);
pEl.textContent = "please register now";
disableRegBtn(false);
return;
}
pEl.textContent = "please register in " + startat + " second(s)";
startat--;
}
window.onload=function(){
document.getElementById('taid').readOnly=true;
disableRegBtn(true);
timeId=setInterval("showTime()",1000);
}
<textarea id="taid" cols="30" rows="5">Registration Agreement:
1.xxxxxx
2.xxxxxx
3.xxxxxx
</textarea> <p id="p1"><input id="regBtn" type="button" value="register" /></p>