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

목적

 

어떤 input의 value또는 name값을 이용하여 필터를 만들거나 값을 출력해야할때 사용한다.

checkBox 또는 radio를 이용하여 다중검색필터를 사용할때도 활용이 된다.

 

<script type="text/javascript">
	/*id값에 searchCode라는 문자열이 있으면 클릭할때(change)함수가 
 실행되면서 value값과 name값을 부른다.

*/
	$("input[id^=searchCode]").live("change",function(){
		
		var result = $(this).val();
		var name = $(this).attr('name');

		/*
		전체라는 input을 눌렀을때 console창에 
		result:TOTAL_Dr, name:dr_code  라는 값을 볼 수 있다.
		*/
		console.log("result:"+result+", name:"+name);	

	});
</script>



<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>