티스토리 뷰

var selectedValue = $("input[name='radioboxName']:checked").val();

 

여기서 radioboxName은 radio box의 name 속성 값입니다. 이 코드를 실행하면 selectedValue 변수에 현재 radio box에서 선택된 값이 저장됩니다.

또한, radio box change 이벤트를 이용하면 선택된 값을 실시간으로 가져올 수 있습니다.

 

$("input[name='radioboxName']").change(function(){
  var selectedValue = $("input[name='radioboxName']:checked").val();
  console.log(selectedValue);
});

 

위 코드를 사용하면 radio box의 값이 변경될 때마다 selectedValue 변수에 값이 저장되고, console.log(selectedValue)를 통해 확인 할 수 있습니다.

또한, input 태그의 name 속성만 가지고 radio box 값을 가져올 수 있으며, class, id 값을 이용하여 가져올 수도 있습니다.

 

var selectedValue = $(".className:checked").val();

 

var selectedValue = $("#idName:checked").val();

 

위와 같이 class, id 값을 이용하여 가져올 수 있습니다.

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함