attr() 속성과 prop() 속성비교

jquery 1.6 이상버전에서는 attr과 prop 함수를 구별해서 써야하는듯

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

// prop()는 javascript 프로퍼티 속성값을 처리하는 것 같고, 

// attr()은 html의 속성을 처리하는 것 같다.

아래와 같이 checkbox에 전체 선택을 취소 또는 선택할 때 prop()는 정상작동되는데
attr()은 오작동을 일으키네요...

if($("#chk_agree4").is(":checked")==true) {

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

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

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

} else {

$('#chk_agree1').prop('checked', false);

$('#chk_agree2').prop('checked', false);

$('#chk_agree3').prop('checked', false);

}

if($("#chk_agree4").is(":checked")==true) {

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

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

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

} else {

$('#chk_agree1').attr('checked', false);

$('#chk_agree2').attr('checked', false);

$('#chk_agree3').attr('checked', false);

}