本文實例講述了jQuery實現(xiàn)table表格checkbox全選的方法。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)建站是專業(yè)的武昌網(wǎng)站建設(shè)公司，武昌接單;提供成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行武昌網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

今天在頁面中使用jQuery實現(xiàn)了全選框操作，如圖：

具體的實現(xiàn)過程很簡單：

第一步

設(shè)計一個簡單的表格：

設(shè)置表格列標題，在列標題中的單選框為全選框；

設(shè)置表格題，表格題的單選框就是普通的單選框啦：

第二步

通過jQuery實現(xiàn)當點擊全選框的時候所有單選框都選中，當再次點擊全選框的時候所有單選框都是未選中狀態(tài)：

function selectAll(selectStatus){//傳入?yún)?shù)（全選框的選中狀態(tài)）
  //根據(jù)name屬性獲取到單選框的input，使用each方法循環(huán)設(shè)置所有單選框的選中狀態(tài)
  if(selectStatus){
    $("input[name='check']").each(function(i,n){
      n.checked = true;
    });
  }else{
    $("input[name='check']").each(function(i,n){
      n.checked = false;
    });
  }
}

好啦，大功告成！

ps：親們，不要忘了引入jQuery的js文件！

可使用cdn如：

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery表格(table)操作技巧匯總》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery form操作技巧匯總》、《jQuery常用插件及用法總結(jié)》、《jQuery擴展技巧總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對大家jQuery程序設(shè)計有所幫助。