在開發(fā)前端頁面過程中，我們經(jīng)常需要使用表格來展示數(shù)據(jù)，通常會給表格每一行的前面添加一個復(fù)選框，用于選擇其中的行。如果頁面上需要選擇的行較多，那么手動一個一個地去勾選復(fù)選框顯然是不太可行的。幸運的是，我們可以通過使用jQuery來實現(xiàn)表格行的全選功能。

$(function () {
// 獲取表格中所有的復(fù)選框
var checkboxes = $('table input[type="checkbox"]');
// 當(dāng)選擇框全選時，其它選擇框全部選中
$('#check-all').click(function () {
checkboxes.prop('checked', $(this).prop('checked'));
});
// 當(dāng)任意一個選擇框取消選擇，全選選擇框也取消選擇
checkboxes.click(function () {
$('#check-all').prop('checked',checkboxes.length==checkboxes.filter(':checked').length);
});
});

以上是一個簡單的jQuery函數(shù)，它首先獲取了表格中所有的復(fù)選框，并添加了兩個事件監(jiān)聽器。第一個監(jiān)聽器用于當(dāng)主選擇框被選中時，其它選擇框也被選中；第二個監(jiān)聽器用于當(dāng)任意一個選擇框被取消選擇時，主選擇框也應(yīng)該被取消選擇。

這個函數(shù)非常簡單，但卻非常有用。我們可以將它應(yīng)用于任何需要使用表格選擇框的頁面中，提高頁面的可用性和用戶體驗。