jQuery Checkbox 하나만 선택할 수 있게 하기

Javascript 사용 시, Input Checkbox를 하나만 선택이 가능하게 해야 할 때가 있다.

 

다음과 같이 사용이 가능하다.

(모든 체크박스를 기준으로 한다. 필요하다면 식별자로 뽑아서 쓰도록 하자)

// 체크박스 하나만 선택 가능하게...
$(document).on('click', "input[type='checkbox']", function(){
    if(this.checked) {
        const checkboxes = $("input[type='checkbox']");
        for(let ind = 0; ind < checkboxes.length; ind++){
            checkboxes[ind].checked = false;
        }
        this.checked = true;
    } else {
        this.checked = false;
    }
});

Javascript 체크박스 하나만 선택 가능하게 하기!

 

혹시 필요하실까요....?

https://seokbong.tistory.com/8

jQuery 선택자(태그) 접근 방법 1 (HTML DOM 접근 방법)

https://seokbong.tistory.com/72

jQuery Checkbox 체크된 요소 선택하기(선택자)