깜놀하는 해므찌로

JavaScript checkbox 체크박스 중복 방지 사용 예시 / 배열 중복 값 삭제 예시 본문

IT

JavaScript checkbox 체크박스 중복 방지 사용 예시 / 배열 중복 값 삭제 예시

agnusdei1207 2022. 7. 7. 08:52
반응형
SMALL
<%-- 전체 체크 --%>  
function fncAllCheck(obj){      
	if(obj["checked"]){
		$(".checkbox").each(function(){ 
			<%-- 중복 방지 : 배열에 있는 값 지우기 --%>
			if($("#" + this.id).prop("checked")){
				checked.splice(checked.indexOf(this.value), 1);   
			}   
			<%-- 체크 --%>
			$("#" + this.id).prop("checked", true);
			<%-- 배열에 추가 --%>
			checked.push(this.value); 
		});        
	}else if(!obj["checked"]){
		$(".checkbox").each(function(){       
			$("#" + this.id).prop("checked",false);
			checked.splice(checked.indexOf(this.value), 1);
		});
	}  
	fncCheckLength();
	return true;
}

1. indexOf 를 활용하여 해당 값 검색 후 값이 있다면 그 값의 인덱스 리턴

2. splice(삭제 대상 인덱스, 지울 개수) 를 활용하여 배열에서 중복된 값 제거

반응형
LIST