오늘 프로젝트를 진행하면서 문제가 발생했습니다. 선택한 체크박스는 비워두어야 하며, 선택할 체크박스는 체크를 해제해야 합니다. 드디어 잘 맞는 방법을 찾아서 기록해봅니다.
$("input[type='checkbox']").each(function(){ if(this.checked){ this.checked=false; } });
원리: 체크박스 유형의 각 입력을 반복합니다. 선택한 경우 checked 속성을 false로 설정하면 괜찮습니다.
물론, 역선택 효과를 얻고 싶다면 조금 더 추가하면 됩니다. 코드는 다음과 같습니다.
$("input[type='checkbox']").each(function(){ if(this.checked){ this.checked=false; } if(!(this.checked)){ this.checked=true; } });