-
jQuery Checkbox 하나만 선택할 수 있게 하기DEV/javascript 2022. 4. 20. 18:47
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 접근 방법)
Javascript의 Jquery를 이용하여 HTML 태그 ID, Class 접근 방법을 알아보자. 샘플 HTML <!DOCTYPE html> 고객 Jquery id 값을 통해 태그를 접근하는 예시 id가 "userName"인 태그(a 태그)에 접근하여 내용을 "석..
seokbong.tistory.com
https://seokbong.tistory.com/72
jQuery Checkbox 체크된 요소 선택하기(선택자)
Javascript 에서 체크 박스의 체크된 요소를 선택해야 하는 일이 생긴다. 사용법은 간단하다 :) $('input[type="checkbox"]:checked'); 혹시 필요하실까요...? https://seokbong.tistory.com/71 jQuery Checkbox..
seokbong.tistory.com
'DEV > javascript' 카테고리의 다른 글
jQuery Checkbox가 선택되어 있는지 확인하기 (0) 2022.04.20 jQuery Checkbox 체크된 요소 선택하기(선택자) (0) 2022.04.20 Javascript Object 내부 날짜(Date) 오름차순/내림차순(sort, reverse) 하기 (0) 2022.04.20 Javascript 비동기 await을 반복적으로 사용하는 방법 (0) 2022.04.08 Javascript 비동기 Async - await 정리 (설명을 경량화...) (0) 2022.04.08