在網站開發(fā)中，經常需要對記錄進行批量操作，其中一個常見需求是用JavaScript在客戶端將待刪除的記錄全部選中，然后在服務器端執(zhí)行相應的操作。通常情況下，我們會操作checkbox復選框來實現這一功

在網站開發(fā)中，經常需要對記錄進行批量操作，其中一個常見需求是用JavaScript在客戶端將待刪除的記錄全部選中，然后在服務器端執(zhí)行相應的操作。通常情況下，我們會操作checkbox復選框來實現這一功能。下面通過一個具體實例來詳細說明。

實例HTML代碼

假設有一個產品表格，包含“產品名稱”和“價格”兩個字段，每條記錄前都有一個用于選中的checkbox。此外，表格底部還有一個用于全選的checkbox（name"selectAll"）。表格的結構是通過dl、dt、dd以及CSS來實現的，具體的代碼如下：

```html

選擇產品名稱價格

數碼相機

2200

筆記本電腦

3500

電腦硬盤

420

```

使用JavaScript實現全選功能

當單擊“全選”前面的checkbox（name"selectAll"）時，通過JavaScript循環(huán)的方式將所有記錄都選中。具體思路如下：

首先，獲取表格的父對象（pID），然后選擇該范圍內所有類型為input的HTML標簽，并循環(huán)遍歷所有input。如果類型是checkbox，則選中。具體代碼如下：

```javascript

function selectAllCheckBox(pID, isChecked) {

var parent (pID);

var checkboxes ("input");

for (var i 0; i < checkboxes.length; i ) {

if (checkboxes[i].type "checkbox") {

checkboxes[i].checked isChecked;

}

}

}

```

調用上述方法即可實現全選功能，該方法經過驗證兼容主流瀏覽器，使用方便。無論表格采用何種形式實現，只要將表格的ID傳遞給selectAllCheckBox方法，就能實現批量選中的效果。