javascript如何實現用戶必須勾選協議功能
本篇內容主要講解“javascript如何實現用戶必須勾選協議功能”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“javascript如何實現用戶必須勾選協議功能”吧!
其中方法為為監聽這個滾輪，當滾輪到達底部時 表單變為可選中狀態
info.scrollHeight?-?info.scrollTop?==?info.clientHeight?//判斷滾條是否到達了底部
<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<style?type="text/css">
#info{
width:?200px;
height:?500px;
background-color:?#00FFFF;
overflow:auto;
}
</style>
<script?type="text/javascript">
window.onload?=?function(){
/*
?*垂直滾動條到底時表單項可用
?*?onscroll
?*?該事件會在滾動條滾動時觸發
?*?*/?
?var?info?=?document.getElementById("info");
?var?inputs?=?document.getElementsByTagName("input");
?info.onscroll?=?function(){
//檢查滾動條是否滾動到底了
if(info.scrollHeight?-?info.scrollTop?==?info.clientHeight){
//滾動條到底表單項可用
inputs[0].disabled?=?false;
inputs[1].disabled?=?false;
}
?}
}
</script>
<title></title>
</head>
<body>
<h2>歡迎新用戶注冊</h2>
<p?id="info">親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊
親愛的用戶請仔細閱讀一下協議如果不仔細你將不能成功注冊</p>
<input?type="checkbox"?name=""?id=""?value=""?disabled="disabled"/>我已仔細閱讀協議,一定遵守
<input?type="submit"?value="注冊"?disabled="disabled"/><!--?如果為表單添加disabled="disabled則表單項將變成不可用的狀態-->
</body>
</html>這個方法在chrome中不適用，其它瀏覽器均可
到此，相信大家對“javascript如何實現用戶必須勾選協議功能”有了更深的了解，不妨來實際操作一番吧！這里是蝸牛博客網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：niceseo99@gmail.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
版權聲明：如無特殊標注，文章均為本站原創，轉載時請以鏈接形式注明文章出處。
評論