[JavaScript] 체크 전체 선택/해제, 값 추가

 

insertAdjacentHTML()

• 특정 내용을 앞,뒤 등에 추가할 때 사용

// id가 before_div인 것 뒤에(afterend) 해당 내용 추가
document.getElementById('before_div').
insertAdjacentHTML('afterend', "<div>추가</div>");

 

전체 선택/해제

• checkbox로 전체 체크값 선택/해제하는 법

// 전체 선택값
<input type="checkbox" onclick="check_all_table(this)">

function check_all_table(all_table){
		// 체크박스 묶음
    var tables = document.querySelectorAll('.table');
		// 전체 선택/해제 자동 적용
    tables .forEach((table) => {
        table.checked = all_table.checked;
    })
}