廣告廣告
  加入我的最愛 設為首頁 風格修改
首頁 首尾
 手機版   訂閱   地圖  簡體 
您是第 7480 個閱讀者
 
發表文章 發表投票 回覆文章
  可列印版   加為IE收藏   收藏主題   上一主題 | 下一主題   
chris710908 手機 會員卡
個人文章 個人相簿 個人日記 個人地圖
知名人士
級別: 知名人士 該用戶目前不上站
推文 x15 鮮花 x128
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片
推文 x0
[JScript][教學] 勾選同意協定後才能按下按鈕

主要用於當用戶看完同意協定後~勾選同意方塊後,按鈕才能作用

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 回到頂端 [樓 主] From:台灣中華電信 | Posted:2006-09-14 01:01 |

首頁  發表文章 發表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.133002 second(s),query:15 Gzip disabled
本站由 瀛睿律師事務所 擔任常年法律顧問 | 免責聲明 | 本網站已依台灣網站內容分級規定處理 | 連絡我們 | 訪客留言