- Today
- Total
Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- wordpress
- pl/sql
- 클론코딩
- PLSQL
- 이클립스
- 워스프레스
- Hostinger
- 자바스크립트
- 오류해결
- JSP
- 함수
- 워드프레스
- Oracle
- 오라클
- 문제해결
- 트러블슈팅
- 프로시저
- 배열
- sql
- function
- dbeaver
- PROCEDURE
- javascript
- 엘리멘터
- spring boot
- iframe
- 환경세팅
Archives
개발 공부중
[JavaScript] Uncaught TypeError : ~~ is not a function 오류 해결 본문
JavaScript
[JavaScript] Uncaught TypeError : ~~ is not a function 오류 해결
개발자 leelee 2023. 11. 13. 23:12onchange 이벤트 작성 중 생긴 오류
클릭을 해도 반응이 없어서 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 = "";
}
}
}
'JavaScript' 카테고리의 다른 글
[JavaScript] jQuery serialize() 사용방법 (2) | 2024.01.27 |
---|---|
[JavaScript] jQuery를 이용한 Ajax 통신 (0) | 2024.01.25 |
[JavaScript] 테이블 특정 값에 해당하는 행 숨기는 버튼 만들기 (0) | 2023.11.12 |
[JavaScript] DataTable 간단한 예제 코드 (0) | 2023.11.09 |
[JavaScript] 함수(선언적 함수/익명 함수/대입형 함수/즉시실행 함수) (0) | 2023.02.16 |
Comments