[jQuery] checkbox, radio 체크가 되지 않을때 (.attr과 .prop의 차이)

jQuery에서 엘리먼트의 속성을 동적으로 변경시키기 위해 .attr 메서드를 흔히 사용합니다.

폼 요소에서도 checkbox나 radio에 체크값에 변경을 주기 위해 .attr 메서드에 checked 값을 넣었지만 동작하지 않았습니다.

jQuery 1.6 버전부터 .attr 메서드의 기존 역할은 .attr과 .prop로 나뉘어지게 되었다는걸 알았습니다.

.attr과 .prop 메서드의 차이는 간단합니다. html 어트리뷰트와 javascript의 속성을 컨트롤하는 차이입니다. 체크박스나 라디오버튼은 html 어트리뷰트를 변경해도 변화가 없음을 확인 할 수 있습니다.

.attr로 체크값을 변경해도 화면에서는 변동이 없고 코드상에서만 변동이 있었습니다. 이런 증상이 있다면 .attr 메소드를 .prop 메소드로 변경해야 될겁니다.

 

찐빵

이 곳에 작성된 모든 컨텐츠는 CCL 규약의 CC BY-NC-SA (저작자표시-비영리-동일조건변경허락) 조건을 따릅니다. 비상업적 용도로 출처를 밝혀주시면 얼마든지 공유 가능합니다.

You may also like...

%d 블로거가 이것을 좋아합니다: