반응형
//클릭 이벤트 연결
$(".Check").click(function () {
//방금 클릭한 dom의 id값 가져오기
let checkedId = $(this).attr("id");
//방금 클릭한 dom의 name값 가져오기
let checkedName = $(this).attr("name");
//방금 클릭한 dom의 class값 가져오기
let checkedClass = $(this).attr("class");
//id로 요소 선택하여 check여부 컨트롤
document.getElementById(checkedId).checked=true;
//class 이름으로 요소(들) 선택하여 check여부 컨트롤
document.getElementsByClassName(checkedClass).checked=false;
//Name으로 요소(들) 선택하여 check여부 컨트롤
document.getElementsByName(checkedName).checked=false;
});
체크한 checkbox object 찾기
//class 명으로 dom 선택(checkbox들임)
let obj = document.getElementsByClassName("optionCheck");
//loop돌며 checked여부 검사
for (var i = 0; i < obj.length; i++) {
if (obj[i].checked == true) {
//체크되었으면 체크 해제
obj[i].checked=false;
}
}
반응형
'코딩 관련 > Javascript와 jQuery, JSON' 카테고리의 다른 글
[JavaScript] 날짜 간 차이 구하기, 날짜 간 일수 구하기 (0) | 2021.05.14 |
---|---|
TypeError: Cannot read property '0' of undefined (0) | 2021.05.14 |
[JavaScript] 동적으로 생성된 DOM에 이벤트 생성 (0) | 2021.05.12 |
[JavaScript] 페이지 처리, 페이징 처리, 페이지네이션 (13) | 2021.05.11 |
[JavaScript] CSV 생성 및 다운로드 (0) | 2021.05.11 |