勾選同意協定後才能按下按鈕

Home Home
登入註冊發表列印 載入圖片
引用 | 編輯 chris710908
2006-09-14 01:01		 樓主
推文 x0
主要用於當用戶看完同意協定後~勾選同意方塊後，按鈕才能作用

1.首先必須定義一個javascript

再<body>-</body>中插入以下代碼

<script language="JavaScript">
function check(){
if(document.form3.agree.checked){
document.form3.Submit.disabled = false;}
else document.form3.Submit.disabled = true;
}
</script>

check()這個函數是要先檢查表單form3中的agree核取方塊是否有被選取

如果有被選取則啟動按鈕(document.form3.Submit.disabled = false;)，反之則禁止(document.form3.Submit.disabled = true;)

2.再來在內文中製作一個表單，程式碼如下
<form id="form3" name="form3" method="post" action="">
<div align="center">
  <p><strong>選核取方塊後才能點選按鈕</strong></p>
  <p>相關協議........</p>
  <p>
    <input type="checkbox" name="agree" id="checkbox2" onchange="check()" />
    我同意</p>
  <p>
    <input type="submit" name="Submit" value="送出" disabled="disabled"/>
  </p>
</div>
</form>

要注意表單名稱與各元素名稱要與check()裡面定義的一樣喔!

然後最重要的是當使用者勾選表單中的我同意方塊後

要呼叫check()，這地方使用onchange="check()" 這函數

也就是說當使用者改變核取方塊的狀態時

就執行check()，這樣就可以達到勾選同意協定後才能按下按鈕囉~

至於按下submit後要做什麼(action="")~就看大家的設定囉

呼呼~~終於打完了~~今天才去買了一本javascript
做了個簡單的應用
希望大家可以給點鼓勵與指教~謝謝

獻花 x0