[jQuery] attr과 prop의 차이

$('#modifyInput').attr('checked', true);

위 코드로 라디오 버튼을 제어하려고 했는데 의도와 다르게 작동하거나- 작동하지 않음.

 

해결>

checkbox와 radio를 제어하기 위해서는 아래 코드로 작성해야 한다.

$('#modifyInput').prop('checked', true);

 

 

★ jQuery 1.6 버전 이후

 

.attr()

http://api.jquery.com/attr/

 

HTML 속성(attribute)이 대상.

속성이란 html로서 기록되어있는 내용.

 

 

.prop()

http://api.jquery.com/prop/

 

JavaScript의 property가 대상.

프로퍼티란 javascript가 취급하는 정보

 

checkbox와 radio의 checked 속성은 체크 상태/체크 안된 상태 모두 html 상에서 checked 값을 가진다. -> attr로 설정 불가

정확히 체크를 제어하기 위해서는 prop 사용!!

 

참고>

http://vjvj.net/brd/brd/view.do

http://javascriptandjquerydev.blogspot.kr/2012/07/attr-prop.html