checkbox全选/全不选的三种方法

checkbox全选/全不选

/*方法一：*/

function checkAll(cName) {

  var code_Values = document.all[checkbox_name];

  if (code_Values.length) {
    for ( var i = 0; i < code_Values.length; i++) {
      code_Values[i].checked = true;
    }
  } else {
   code_Values.checked = true;
  }
}

 

function uncheckAll(cName) {

  var code_Values = document.all[checkbox_name];

  if (code_Values.length) {
    for ( var i = 0; i < code_Values.length; i++) {
      code_Values[i].checked = false;
    }
  } else {
    code_Values.checked = false;
  }
}

<input type="checkbox" name="check" οnclick="checkAll('check');"/><a οnclick="check.click()">全选</a>

 

/*方法二：*/

function checkAll() {

  var code_Values = document.getElementsByTagName("input");

  for (i = 0; i < code_Values.length; i++) {

    if (code_Values[i].type == "checkbox") {

      code_Values[i].checked = true;

    }
  }
}


function uncheckAll() {

  var code_Values = document.getElementsByTagName("input");
  for (i = 0; i < code_Values.length; i++) {
  if (code_Values[i].type == "checkbox") {
    code_Values[i].checked = false;
  }
}
}

<input type="checkbox" name="check" οnclick="checkAll('check');"/><a οnclick="check.click()">全选</a>

/*方法三：*/

function check_all(obj, cName) {

  var checkboxs = document.getElementsByName(cName);
  for ( var i = 0; i < checkboxs.length; i+=1) {
    checkboxs[i].checked = obj.checked;
  }
}

<input type="checkbox" name="check" οnclick="checkAll(this,'check');"/><a οnclick="check.click()">全选</a>

 

第二种方法显然是不方便的方法，如果页面上有多个checkbox组，就不能分别控制。

第三种方法最为简便，一个checkbox就可以了。

原文链接地址：http://sumskyjia.iteye.com/blog/1109450