Cute Happy Ghost
본문 바로가기
Front/Refactoring

체크박스 선택이벤트 foreach를 통한 리팩토링

by JENN_tech7 2023. 6. 8.
728x90
SMALL
var checkboxes = document.querySelectorAll(".toggle input[type=checkbox]");
	checkboxes.forEach(function(checkbox) {
		if (!checkbox.checked && checkbox.value==='ALERT') {
	    	//비활성화인 경우 토글활성화
            checkbox.checked = true;
	    }
	});

.toggle input[type=checkbox]를 가지고 있는 애를 불러워서 checkbox가 선택이 되었는지 확인한 후 

비활성화인 경우 활성화를 시켜주는 코드

 

 

 

document.querySelectorAll(".toggle input[type=checkbox]")
    .forEach(checkbox => {
        if (!checkbox.checked && checkbox.value === 'ALERT') {
            checkbox.checked = true;
        }
    });

.toggle input[type=checkbox]를 가지고 있는 애를 불러서 foreach문에서 바로 check선택 확인 진행

화살표함수를 이용해 좀 더 간결하고 깔끔하게 만들었다

728x90
LIST

댓글