为了防止用户多次点击某按钮,造成多次提交表单的操作。某些按钮需要在点击后实现不可用操作。
例子:
<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; varwait = 9; //停留时间 functionupdateinfo(){ 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"> functiondisable() { document.getElementById('txt1').disabled=true; } functionenable() { 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>