通過核取方塊控制按鈕是否可用

admin發表於2017-03-24

很多朋友可能都在一些網站進行過會員註冊，但是往往需要閱讀一份註冊協議，如果同意協議才能夠繼續進行註冊操作，否則繼續操作的按鈕呈現不可用狀態，當點選同意協議或者已經閱讀協議完畢核取方塊後才能夠將按鈕設定為可用，下面就通過程式碼例項介紹一下如何實現此功能。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title> 
<script type="text/javascript"> 
window.onload=function(){
  var chk=document.getElementById("chk");
  chk.onclick=function(){
    if(this.checked){ 
      document.getElementById("bt").disabled=false; 
    } 
    else{ 
      document.getElementById("bt").disabled=true; 
    } 
  }
}
</script>
</head> 
<body> 
<input id="chk" type="checkbox"/>是否閱讀完畢? 
<input type="button" value="繼續下一步" id="bt" disabled/> 
</body> 
</html>

以上程式碼實現了我們的要求，點選核取方塊可以控制按鈕是否可用。

相關文章