首页 > 技术文章 > JS或jQuery实现一组复选框的全选和取消全选?

itxinke 2017-07-27 16:55 原文

//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
  
});

推荐阅读