主要用於當用戶看完同意協定後~勾選同意方塊後,按鈕才能作用
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
做了個簡單的應用
希望大家可以給點鼓勵與指教~謝謝