IE가 jquery 변경 방법을 체크하지 않습니다.

Question

아래의 코드는 FF, Safari, Chrome에서 작동합니다. 그러나 IE는 저에게 문제점을주고 있습니다.

확인란을 선택하면 IE에서이를 감지 할 수 없습니다.

$("#checkbox_ID").change(function(){ 

    if($('#'+$(this).attr("id")).is(':checked')) 
    { 
     var value = "1"; 
    } 
    else 
    { 
     var value = "0"; 
    } 
    alert(value); 

    return false; 
}); 

간단히 말해서 나는 예상치 못한 경고 팝업을 표시하지 않습니다.

$("#checkbox_ID").change(function(){ 

    if($('#'+$(this).attr("id")'+:checked').attr('checked',false)) 
    { 
     var value = "1"; 
    } 
    else 
    { 
     var value = "0"; 
    } 
    alert(value); 

    return false; 
}); 

여기에 간단한 체크 박스 입력입니다 : IE는 다른 JQuery와 방법을 필요로하는 경우 <input class="prod" type="checkbox" name="checkbox_ID" id="checkbox_ID" value="1"/>

누구나 알고
나는 심지어이 방법을 시도했습니다? 아니면 그냥 내 코드인가?

Answer 1

당신이 흐려 이후 IE의 버전과 다른 브라우저하지를 요소가 필요합니다 : 여기

은 onchange를 이벤트가 발생 때에 대한 설명서입니다 명시 적으로 포커스를 잃게하려면 요소가 필요합니다. 단순히 변경하면이 이벤트가 발생합니다 (아래 예제 참조).

범위를 벗어 났을 때 'value'변수에 액세스하려고하면 문제가 발생할 수 있다고 생각합니다.

$("#checkbox_ID").change(function(){ 
var value; 
if($(this).is(':checked')) 
{ 
    value = "1"; 
} 
else 
{ 
    value = "0"; 
} 
alert(value); 

return false; 
}); 

Here is a working preview

, 당신은 함수의 끝에서 false를 반환하기 때문에 사용자가 클릭의 효과를 취소 한대로, 이전 값으로 체크 박스를 재설정 것을 알 수 있습니다.

Answer 2

확인란을 클릭하면 다른 곳을 클릭하면 작동합니다. IE는 그렇게 이상 해요. 여기

$(function() { 
    if ($.browser.msie) { 
    $('input:checkbox').click(function() { 
     this.blur(); 
     this.focus(); 
}); 

더 많은 정보 : 제어 후 값이 변경 포커스를 잃을 경우에만 화재 http://norman.walsh.name/2009/03/24/jQueryIE

Answer 3

변경 이벤트

같은 뭔가를 시도 할 수 있습니다. 확인란의 경우 클릭 이벤트에 연결하는 것이 좋습니다. 이 작업은 화재에 대한 IE7과 아래에 sblom에서 언급 한 바와 같이 link text

Answer 4

change 이벤트 대신 propertychange 이벤트를 사용해야합니다. propertychange 이벤트는 체크 표시/선택 취소 이외의 항목에서 실행됩니다.

$(':checkbox').bind($.browser.msie ? 'propertychange': 'change', function(e) { 
    if (e.type == "change" || (e.type == "propertychange" && window.event.propertyName == "checked")) { 
     // your code here 
    } 
}); 

Answer 5

이 점에 의미가있다 대신 이벤트 "변화"내가 아는