[Java] 다중검색필터 (checkbox)로 보낸 array값들 checkbox로 checked하기

목적

 

checkbox를 이용한 다중 검색 필터

2025.02.23 - [언어/Ibatis] - [ibatis + MySQL] 동적쿼리 - array로 받은 벨류 IN으로 풀기

[ibatis + MySQL] 동적쿼리 - array로 받은 벨류 IN으로 풀기

 

이 포스팅을 참조한다.

 

java단에서 set한 dr_code를

jsp에 id=”dr_code_array”로 불러온다

 

 

<input type="hidden" value="${dr_code}" id="dr_code_array">
<!--예를들어서 ${dr_code}안에는 DR1001,DR1002 라는 값이 들어있다.
이 값들을 value가 맞는 checkbox에 checked를 하려고한다 -->

<div class="chkbox-key6">
		<h6>사무실</h6> 
				<input type="checkbox" name="dr_code" value="TOTAL_DR" id="searchCode_DR_all">
				<label for="searchCode_DR_all" class="checkbox">전체</label>
							
				<input type="checkbox" name="dr_code" value="DR1001" id="searchCode_DR_1">
				<label for="searchCode_DR_1" class="checkbox">의자</label>
							
				<input type="checkbox" name="dr_code" value="DR1002" id="searchCode_DR_2">
				<label for="searchCode_DR_2" class="checkbox">책상</label>		
														
				<input type="checkbox" name="dr_code" value="DR1006" id="searchCode_DR_6">
				<label for="searchCode_DR_6" class="checkbox">마우스</label>		
	</div>

 

 

function setSearchArray(){
	
		//사무실 가구
		var dr_code = $("#dr_code_array").val().replace(/ /gi, ""); //DR1001,DR1002
		
		if(dr_code == null || dr_code ==''){
			 $("input:checkbox[value='TOTAL_DR']").attr("checked",true);
		}
		if(dr_code != null && dr_code != ''){ 
			 var codevalue = dr_code.split(",");
			 
			 var codevalue_math = dr_code.match(/,/g);
			 
			 if(codevalue_math == null || codevalue_math == ''){
					$("input:checkbox[value='"+ codevalue +"']").attr("checked",true);
			 }else{
				for(var i = 0 ; i <= codevalue_math.length; i++){
					$("input:checkbox[value='"+ codevalue[i] +"']").attr("checked",true);
				}
			}
		 }
}

 

참고 페이지

2025.02.23 - [언어/Ibatis] - [ibatis + MySQL] 동적쿼리 - array로 받은 벨류 IN으로 풀기

[ibatis + MySQL] 동적쿼리 - array로 받은 벨류 IN으로 풀기

 

2025.02.23 - [언어/JavaScript] - [java script] id값으로 value와 name값 가져오기

[java script] id값으로 value와 name값 가져오기

 

 

 

2025.02.23 - [언어/JavaScript] - [java script] check box 해제 또는 선택(ft.jQuery)

[java script] check box 해제 또는 선택(ft.jQuery)