본문 바로가기

Language/JQuery

[jQuery] Radio button checked 오류

반응형

jQuery를 이용하여 radio 버튼을 컨트롤하는 스크립트를 구성하고 있는데, 이상한 오류가 발생한다.
스크립트 내용은 특정 값에 따라 해당 라디오 버튼을 check 하는 아주 간단한 스크립트였다.

그런데 무슨일인지 생각외로 원하는 값을 가지고 있는 라디오 버튼으로 체크가 안된다.

이것때문에 한참 삽질한 결과 문제점을 발견하였다.

기존에는 .attr()을 이용하여 체크 처리를 하였다면, jQuery 1.9 이상 버전에서는 일부 항목이 세분화되어 컨트롤하는 방법이 달라진것이다.



즉 기존에 사용하던 방식에서 .attr() 대신 .prop()를 사용하면 된다.


<script>

	$("input:radio[name='useYN']:radio[value='N']").prop("checked",true) ;

</script>

<input type="radio" name="useYN" id="useYN" value="Y" checked="checked" />Y
<input type="radio" name="useYN" id="useYN" value="N" />N