JS或jQuery实现一组复选框的全选和取消全选?

时间:2024-08-12 14:36:44
//1.JS方式实现:checkbox 全选/取消全选 
var isCheckAll = false
function swapCheck() { 
  if (isCheckAll) { 
    $("input[type='checkbox']").each(function() { 
       this.checked = false
    }); 
    isCheckAll = false
  else 
    $("input[type='checkbox']").each(function() { 
      this.checked = true
    }); 
    isCheckAll = true
  
//2.jQuery方式实现:checkbox 全选/取消全选 
var isCheckAll = false
$("selector").click(function () { 
  if (isCheckAll) { 
    $("input[type='checkbox']").each(function() { 
       this.checked = false
    }); 
    isCheckAll = false
  else 
    $("input[type='checkbox']").each(function() { 
      this.checked = true
    }); 
    isCheckAll = true
  
});