jquery checkbox attr

IE8은 호환 모드에서 작동하지만 다른 방식으로는 작동하지 않습니다. FF는 작동하지 않습니다.


checkbox 에서 onchagne 걸어 놓았을때

이벤트가 발생하지 않는 경우가 있다



checkbox는 prop 함수로 변경하도록 되어있습니다.


attr 는 html 을 관리하는 함수

prop 는 javascript를 관리하는 함수

라고 크게 나뉜다고 생각 하면 된다.

<seelct id="sigugun" name="sigugun">
     <option value="1">서울</option>
     <option value="2">경기도</option>
     <option value="3">강원도</option>
</seelct>

$("#sigugun").change(function(){
  console.log($(this).val())
});

$("#sigugun option:eq(0)").attr("checked",true);

$("#sigugun option:eq(0)").prop("checked",true);

속성 대 속성

차이 속성 및 속성은 특정 상황에서 중요 할 수있다. jQuery 1.6 이전 에는 .attr()메소드가 일부 속성을 검색 할 때 속성 값을 고려하기 때문에 일관성없는 동작이 발생할 수있었습니다. jQuery를 1.6으로 의 .prop()동안 방법은 명시 적으로 속성 값을 검색 할 수있는 방법을 제공합니다 .attr()검색하여 속성.

예를 들어, selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 및가 defaultSelected검색되어야하고, 설정 .prop()방법. jQuery 1.6 이전에는 이러한 속성을 .attr()메서드로 검색 할 수 있었지만이 메서드는 범위 내에 있지 않았습니다 attr. 이것들은 상응하는 속성을 가지지 않으며 속성 일뿐입니다.

elem.checked	true (부울 값) 확인란 상태와 함께 변경됩니다.
$( elem ).prop( "checked" )	true (부울 값) 확인란 상태와 함께 변경됩니다.
elem.getAttribute( "checked" )	"checked"(String) 체크 상자의 초기 상태입니다. 변하지 않는다.
$( elem ).attr( "checked" ) (1.6)	"checked"(String) 체크 상자의 초기 상태입니다. 변하지 않는다.
$( elem ).attr( "checked" ) (1.6.1+)	"checked" (문자열) 체크 박스 상태와 함께 변경됩니다.
$( elem ).attr( "checked" ) (1.6 이전)	true (부울) 확인란 상태로 변경되었습니다.

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