js實作checkbox全選和反選範例_基礎知識

複選框全選範例

複製程式碼 程式碼如下

function selectAll(form) {
 var obj = document.getElementsByName('selectall');
 var cks = document.getElementsByTagName("input");
>
🎜> for(var i=0;i  if(cks[i].type == 'checkbox') {
   cks[i].checked = obj[0] 。 🎜>


複製程式碼

程式碼如下:

<script><BR>function selectAll(){<BR> var checklist = document.getElementsByName ("selected");<BR> if(document. .getElementById("controlAll").checked)<BR>   {<BR>   for(var i=0;i<checklist.length;i )<BR>   {<BR>  list >   } <BR> }else{<BR>  for(var j=0;j<checklist.length;j )<BR>  {<BR>     checklist[j].checked = 0; <BR>}<BR></script>

全選

1:

2 :

3:

4:

5:

6:

js 按鍵事件說明

onClick事件

滑鼠點選事件是最常見的事件，當使用者滑鼠點選按鈕。 br>
文件說明

第11行使用onClick事件彈出警告提示對話框。的事件。 🎜>onSelect事件就是當文字方塊的內容被選中的時候。結果。用滑鼠選取第二個方塊的時候，自動觸發Onfocus事件，彈出一個對話框。 onLload事件

onload事件是當前的網頁被顯示時發生

檔案說明

第9行使用OnLoad事件，當開啟網頁的時候自動開啟一個側邊邊框。

onUnload事件

onUnload事件是噹噹前的網頁被關閉時發生的事件。
第9行使用onUnload事件，當關閉網頁的時間自動開啟警告方塊。時發生的事件。彈出一個對話

onMouseover事件

onMouseover事件是指滑鼠移到頁面元素上方時發生的事件。第10行使用onMouseover事件，當滑鼠指向捲動文字的時候，自動觸發onMouseover事件。
第10行使用onmouseout事件，當滑鼠離開滾動文字的時候，自動觸發onmouseout事件。指定的事件處理程序或程式碼將會被呼叫執行。 body>