본문 바로가기

javascript/jQuery

[jQuery] jQuery selector로 radio버튼 값 가져오기.

여러가지 일로 직장을 그만둬서 개발을 잠시 쉬었다가

다시 개발하려니까 이거저거 막히는게 장난이 아니다. 게다가 난 오래 개발했던 사람도 아니라 더더욱 힘든듯 ㅠㅠ(이제 경력 10개월 -ㅅ-)

감이 잘 안잡힌다. 이제 1주일 됐으니 당연한걸지도 모르지만...



현재 jQuery를 이용한 개발을 하고 있습니다.

요즘은 사실 이런 라이브러리를 쓰지 않고 개발하는 게 더욱 드물지요.

여튼 저 역시도 배워서 사용하고 있는데...

갑자기 다시 쓰다보니 기억이 뒤죽박죽 radio버튼이나 checkbox같은 경우 jQuery로 어떻게 값을 가져오나도 까먹었습니다.


방법은 쉽지만 의외로 알아내기 힘들다 생각되어 메모!


<input type="radio" name="range" value="3">3일 
<input type="radio" name="range" value="7" checked="checked">7일 
<input type="radio" name="range" value="14">14일 
<input type="radio" name="range" value="30">1달

위가 같은 형태로 작성을 했다면


$('input[name="range"]:checked').val();

or

$('input[name="range"]:checked').attr("value");


형태로 해당 값을 가져올 수 있다.


혹시 check값이 아닌, 그 이외의 값을 가져와야할 경우,


$('input[name="range"]').eq(0).val();


등으로 eq() 셀렉터를 이용하여 원하는 radio버튼의 값을 가져올 수 있다.