JQuery

[JQuery] input radio 클릭마다 value 체크값 가져오기

chsr 2020. 6. 26. 11:48
728x90
반응형
<!-- name 접근으로 value 값 체크 -->
<input type="radio" id="typeA" name="type" value="A" onchange="changeType()" checked><label for="typeA" >A Type</label>
<input type="radio" id="typeB" name="type" value="B" onchange="changeType()"><label for="typeB" >B Type</label>

<script type="text/javascript">
	function changeType(){
		var tmpType = $("input[name='type']:checked").val();
		console.log(tmpType);	// A Type 클릭 시 A 출력, B Type 클릭 시 B 출력
	}
</script>


<!-- this 전달 value 값 체크 -->
<input type="radio" id="typeA" name="type" value="A" onchange="changeType(this)" checked><label for="typeA" >A Type</label>
<input type="radio" id="typeB" name="type" value="B" onchange="changeType(this)"><label for="typeB" >B Type</label>

<script type="text/javascript">
	function changeType(obj){
		var tmpType = $(obj).val();
		console.log(tmpType);	// A Type 클릭 시 A 출력, B Type 클릭 시 B 출력
	}
</script>
728x90
반응형