checkbox 전체 선택/전체 선택 안 하는 세 가지 방법

1989 단어 functioninput
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" onclick="checkAll('check');"/><a onclick="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" onclick="checkAll('check');"/><a onclick="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" onclick="checkAll(this,'check');"/><a onclick="check.click()"> </a>

 
두 번째 방법은 분명히 불편한 방법이다. 만약에 페이지에 여러 개의 체크박스 그룹이 있다면 각각 제어할 수 없다.
세 번째 방법이 가장 간편하다. 체크박스 하나면 된다.
원문 링크 주소:http://sumskyjia.iteye.com/blog/1109450

좋은 웹페이지 즐겨찾기