티스토리 뷰

radio 선택된 값 가져오기
To select a set of associated radio buttons, you might use: $('input[name=gender]:radio')
실사용
var radiovalue = $('input[name=라디오버튼네임]:checked').val()


radio의 value값으로 선택하기
$("input[@name=rList]").filter('input[@value='+sValue+']').attr("checked", "checked");

if($("input[name=telcom]:radio:checked").length == 0){
             alert('선택해주세요');
         }

jQuery 를 이용하여 radio 버튼의 check된 value 알아오기

제이쿼리를 이용해서 라디오버튼중에 체크된 값 알아오는 방법

클래스 / NAME을 사용한다.


<INPUT class=radiobox type=radio value=1 name=test>test1
<INPUT class=radiobox type=radio value=2 name=test>test2
<INPUT class=radiobox type=radio value=3 name=test>test3
<INPUT class=radiobox type=radio value=4 name=test>test4


radio 버튼이 위와 같은 코드로 있을 때 확인버튼 클릭시 선택된 value값을 얻어와서 <div id=space></div>에
출력하려면, checkedValue 함수를 아래와 같이 하면 된다.


function checkedValue(){
  var checkedVal = $(".radiobox:checked").val();
  $("#space").html(checkedVal);
}


1. 모든 radio 버튼은 같은 name, 같은 class여야 한다.

2. class 선택은 $(".CLASSNAME") 으로, id 선택은 $("#IDNAME")으로 할 수 있다.


(당연히 jquery.js는 document내에 있어야 함)

※ 참고 : http://jquery.com


출처 : http://jm2y.tistory.com/40

댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
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
글 보관함