js 控制按鈕點擊後不可用
阿新 • • 發佈：2017-08-09
asc else 需要 onclick .get -s world 技術分享 upd
<input type="button" id="btn" value="免費獲取驗證碼" />
<script type="text/javascript">
var wait=60;
function time(o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.value="免費獲取驗證碼";
wait = 60;
} else {
o.setAttribute("disabled", true);
o.value="重新發送(" + wait + ")";
wait--;
setTimeout(function() {
time(o)
},
1000)
}
}
document.getElementById("btn").onclick=function(){time(this);alert(‘aaaaaa‘);}
</script> 收集有效用戶，為了防止用戶多次點擊某按鈕，造成多次提交表單的操作。某些按鈕需要在點擊後實現不可用操作。發送使用ajax實現
例子：
<html>
<head>
<title>同意條款</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="submit" name="Submit" value="同意" />
</form>
<script language="javascript">
document.form1.Submit.disabled = true;
var wait = 9; //停留時間
function updateinfo(){
if(wait == 0){
document.form1.Submit.value = "我同意";
document.form1.Submit.disabled = false;
}
else{
document.form1.Submit.value = "閱讀條款"+wait;
wait--;
window.setTimeout("updateinfo()",1000);
}
}
updateinfo();
</script>
</body>
</html> 設置按鈕的不可用 用到了 disabled屬性。
語法：
object.disabled = false | true;例子：w3cschool
<html>
<head>
<script type="text/javascript">
function disable()
{
document.getElementById(‘txt1‘).disabled=true;
}
function enable()
{
document.getElementById(‘txt1‘).disabled=false;
}
</script>
</head>
<body>
<textarea id="txt1">
Hello world....This is a text area
</textarea>
<br />
<input type="button" onclick="disable()" value="Disable" />
<input type="button" onclick="enable()" value="Enable" />
</body>
</html>
來源:https://my.oschina.net/mickelfeng/blog/109038js 控制按鈕點擊後不可用