[JavaScript] Uncaught TypeError : ~~ is not a function 오류 해결

onchange 이벤트 작성 중 생긴 오류

클릭을 해도 반응이 없어서 F12 개발자도구로 확인해보니 아래 오류가 떠있었다

 

Uncaught TypeError : ~~ is not a function

 

1.  오타나 겹치는 id, name 이 있는지 확인해봐야한다.

input 에 있는 id랑 name를 바꾸고 필요없는 항목 정리하니까 해결됐다.

 

 

2. 값을 못 가져온 경우도 뜨게된다.

값을 제대로 가져오는지 확인할 것

 

 

<input type="checkbox" id="excludeCheckbox" onchange="displayTable()">
<label for="excludeCheckbox">제외된 항목 숨기기</label>

function displayTable() {
  var table = document.getElementById("myTable");
  var rows = table.rows;
  var arrValues = [];

  for (var i = 1; i < rows.length; i++) {
    var useYnElement = document.getElementById('USE_YN_' + i).value;
    arrValues.push(useYnElement);
  }

  var excludeCheckbox = document.getElementById('excludeCheckbox');

  for (var i = 0; i < arrValues.length; i++) {
    if (arrValues[i] === "제외" && excludeCheckbox.checked) {
      rows[i + 1].style.display = "none";
    } else {
      rows[i + 1].style.display = "";
    }
  }
}