'RADIO' 태그의 글 목록

'RADIO'에 해당되는 글 3건

2010.04.12 jQuery의 정의 셀렉터를 사용한 radio 버튼 값 가져오기.
2010.03.31 라디오버튼 체크
2009.07.09 라디오버튼

jQuery의 정의 셀렉터를 사용한 radio 버튼 값 가져오기.

Windows/jquery 2010. 4. 12. 15:14

jQuery에서 제공해주는 정의 필터 셀렉터를 사용해서 radio버튼의 value값을 가져오는 방식은 아래와 같다.

  $(":input:radio[name=sample]:checked").val()
  
  <input type="radio" name ="sample" value="Y" checked>
  <input type="radio" name ="sample" value="N">

보 기엔 좀 길어보이지만 간단하게 설명된다.
최초 input 폼 엘리먼트를 선택후 radio 버튼을 가져온다음 name 속성의 값이 sample인 것중에서 선택된 값의 value를 가져온다.
위의 경우 value 값은 "Y"가 출력된다.
아무것도 선택하지 않은상태에선 value값은 'undefined'가 반환된다.

마찬가지로 radio대신 checkbox등의 체크값을 가져오는 방식도 위와 동일하다 하겠다.

출처:jQuery의 정의 셀렉터를 사용한 radio 버튼 값 가져오기.

Posted by 아로스

라디오버튼 체크

Windows/jquery 2010. 3. 31. 15:45

if ( $.trim($(':radio[name="hp_company"]:checked').val() ) =='' ){
alert('이동통신사를 선택해주세요');

return false;
}

:radio -> elements 중 radio 버튼 들
[name="elements_name"] -> elements_name 을 가진
합치면 :radio[name="p_addressGubun"] -> p_addressGubun 이름을 가진 radio 버튼을 선택한다.
:checked 선택된 것만.

Posted by 아로스

라디오버튼

Windows/jquery 2009. 7. 9. 14:37

<input type='radio' name='o' id='o' value='1'>one
<input type='radio' name='o' id='o' value='2'>two
<input type='radio' name='o' id='o' value='3'>three

$(document).readry(function() {
$("input[name=o]").click(function() {
var oval = $(this).val();
alert(oval);
});