[jQuery] 라디오버튼, 콤보박스에서 자주쓰는 jQuery

jQuery에서 id값의 값을 가져오기 위해서 일반적으로 자주쓰는 값을 정리해보았습니다.

 

1. 라디오버튼

라디오 버튼의 경우 여러개의 항목중에 특정 항목을 선택한 값을 가져오는 방법입니다.

<input type="radio" id="yes" name="select" value="1" checked="checked">
<label for="yes">예</label>
<input type="radio" id="no" name="select" value="2">
<label for="no">아니오</label>

위와 같이 name의 값을 어떠한 값이 선택됐는지는 아래처럼 하시면 값의 value를 확인할 수 있습니다.

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

만약 위에서 예를 선택하셨다면 value의 값은 1이 나올거고, 아니오를 선택하셨으면 value의 값은 2가 나옵니다.

 

2. 콤보박스

콤보박스는 여러 경우가 있을 수 있습니다. 콤보박스를 선택한 이름을 가져오거나 해당 콤보박스의 value값을 가져오는 방법이 있습니다.

<select id="fruitList">
  <option value="" selected="selected">과일(전체)</option>
  <option value="1">사과</option>
  <option value="2">바나나</option>
  <option value="3">포도</option>
</select>

위와 같은 콤보박스를 만들었다면 선택된 과일의 value값을 가져오고 싶으시면

$('#fruitList').val();

로 쓰시면 됩니다. 사과를 선택하면 value인 1이 나오겠죠. 만약 선택한 사과의 값을 알고 싶다면

$('#fruitList option:selected').text()

이렇게 쓰시면 됩니다.