大家在使用郵箱收發郵件時通常會使用這麼一個批量操作,比如將第n頁所有舊的郵件全部刪除,
大部分mail程序都提供了 這樣一個功能——全選複選框checkbox,當你點擊全選前面的複選框時,會
中所有的複選框。很人性化,很便捷的一個操作,那麼它的工作原理是怎樣的呢?其實也蠻簡單的,有以下幾個步驟:
1.通過腳本獲取指定的元素集合,其實就是所有的複選框組成的一個數組,把這個數組對象保存到一個變量裏。
2.使用for語句遍歷數組對象,同時給數組中的每個元素添加上單擊的選中事件checked,這樣所有的複選框就被選中了。
下面是具體代碼(提示:您可以複製代碼內容保存到記事本里,並修改後綴名爲.htm即可看到效果):
- <html>
- <head>
- <script type="text/javascript" language="javascript">
- function checkAll(o) {
- var mytable = document.getElementById("table1").getElementsByTagName("input");
- for(var i=1,ci;ci=mytable[i++];) {
- ci.checked = o.checked;
- }
- }
- </script>
- </head>
- <body>
- <table id="table1">
- <tr>
- <th><input type='checkbox' onclick='javascript: checkAll(this)'>全選</th>
- </tr>
- <tr>
- <td><input type='checkbox'></td>
- </tr>
- <tr>
- <td><input type='checkbox'></td>
- </tr>
- <tr>
- <td><input type='checkbox'></td>
- </tr>
- <tr>
- <td><input type='checkbox'></td>
- </tr>
- </table>
- </body>
- </html>