Featured image of post Web페이지 내의 모든 체크박스를 전체 체크하기

Web페이지 내의 모든 체크박스를 전체 체크하기

Web페이지 내의 체크박스를 전체 체크하려면, F12로 DevTools를 열고, 콘솔에 다음 코드를 붙여넣어 실행합니다.

1
2
3
4
5
6
let boxes = document.querySelectorAll('input[type="checkbox"]');
for (let i = 0; i < boxes.length; i++) {
    if (!boxes[i].disabled) {
        boxes[i].checked = true;
    }
}

또는,

새로 북마크를 생성하고, 등록할 주소(보통 https://…라고 입력하는 부분)에 다음 코드를 붙여넣어 등록합니다. 체크하고 싶은 Web페이지를 표시하고, 생성한 북마크를 클릭하면 모든 체크박스가 체크됩니다.

1
javascript:(function(){let boxes=document.querySelectorAll('input[type="checkbox"]');for(let i=0;i<boxes.length;i++){if(!boxes[i].disabled){boxes[i].checked=true;}}})();

전체 해제할 경우에는, 위 스크립트의 boxes[i].checked = true; 부분을 boxes[i].checked = false;로 변경해 주세요.

comments powered by Disqus
Hugo로 만듦
JimmyStack 테마 사용 중