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
반응형
'JQuery' 카테고리의 다른 글
[JQuery] input checkbox 전체선택/전체해제 (0) | 2020.07.01 |
---|---|
[JQuery] form 전체 리셋(초기화) (0) | 2020.06.26 |
[JQuery] ajax form 데이터 전송 (3) | 2020.06.23 |
[JQuery] 텍스트박스(input) 동일한 name value 값 체크 (0) | 2020.06.12 |
[JQuery] a 태그 File download (href 변경) (0) | 2020.06.10 |