[jquery] select 박스 값(value) 가져오기와 라디오버튼 이름(name)으로 체크된 값 가져오기

[jquery] select 박스 값(value) 가져오기와 라디오버튼 이름(name)으로 체크된 값 가져오기

요새는 jquery가 일반적으로 많이 쓰여서 모르면 안되는 순간이 되었다.

html 과 웹개발을 하면 가장많이 사용되는게 text 박스이고 그 다음 많이 사용되는게 select와 radio가 아닐까 싶다.

때문에 jquery로 다루는 법을 알아야 겠다.

text박스야 복잡하지 않는데 select와 radio는 text에 비하면 다소 복잡하다.

1. 우선 jquery로 select 박스에서 값을 가져오는 방법

<select id='pName'>

<option value=''>선택</option>

<option value='a'>A</option>

<option value='b'>B</option>

</select>

위에처럼 html 이 있다면

$("#pName option:seleted").val()

이렇게 jquery로 select 박스의 선택된 값(value)을 가져올 수 있다.

2. 라디오 버튼에서 이름(name)으로 값을 가져오는 방법

<input type="radio" name="rdoType" value="A">

라고 html로 되어 있을때

jquery로는 아래처럼 라디오 버튼의 이름을 사용해서 체크된 값을 가져올 수 있다.

$(':radio[name="rdoType"]:checked').val()

3. 라디오 버튼의 값이 바뀔때 발생하는 jquery 이벤트. 라디오버튼의 name을 사용함.

$("input[name=rdoType"]).change(function(){

    var radioValue = $(this).val();

    if(radioValue=="A"){

        $("#aa).addClass("hide");

    }else{

        $("#aa).removeClass("hide");

    }

});

이런식으로 .change 를 사용한다. 

클래스를 적용하려면 .addClass, .removeClass를 사용할 수 있고

CSS를 적용하려면 .css를 사용할 수 있다.