Internet Explorer에서 jQuery를 사용하여 체크 박스 상태를 토글하는 방법

Question

내가 가지고있는 폼에는 마스터와 슬레이브라는 두 개의 체크 박스가 있습니다. 마스터가 점검 될 때마다 슬레이브를 점검해야합니다 (슬레이브를 개별적으로 클릭하여 체크 해제 할 수 있음). 폼로드시 - 마스터는 검사 (기본값)를 설정합니다. 이는 슬레이브도 검사해야 함을 의미합니다.

그런 다음 master의 상태에 따라 수동으로 검사하고 선택을 취소하는 onChange 이벤트 핸들러가 있습니다. IE에서 작동하지 않는 곳입니다. 그것은 다른 브라우저에서 잘 작동합니다. 왜 이런 일이 일어나는지 모르겠습니다.

jQuery와 체크 된 이미지와 체크되지 않은 이미지를 단순히 토글하는 일부 CSS 클래스를 사용하고 있습니다. 이것은 체크 박스 CSS (시각적/그래픽)에만 관련된 문제입니다. 이 값은 해당 확인란에 대해 여전히 유효합니다.

다음은 HTML은 매우 기본적인 코드

dojo.ready(function() { 
    // some code removed for simplicaity sake 
$("#militaryOfficial").attr("checked", true); 
$("#waiveTax").attr("checked", true); 
} 
$('#militaryOfficial').click('change', toggleTaxWaive);  
}); 

function toggleTaxWaive(){ 
if($("#militaryOfficial").is(':checked')) 
{ 
    if(!$("#waiveTax").is(':checked')) 
    { 
     $("#waiveTax").trigger("click"); 
    } 
}else 
{ 
    $("#waiveTax").attr('checked', false); 
} 
} 

입니다. 의견에 따라 의견을 추가하십시오.

<div class="checkBox_Border"> 
<span class="cds_spanCheck" style="background: url("/images/checkbox_nonSelect.png")  
no-repeat scroll 0% 0% transparent;"></span> 
<span class="cds_spanCheck" style="background: url("/images/checkbox_Select.png") no- 
repeat scroll 0% 0% transparent;"></span> 
<input id="waiveTax" class="checkBox_innerWrap" type="checkbox" checked="checked" 
value="true" name="waiveTax"> 
</div> 

알려 주시기 바랍니다. 어떤 도움을 많이 주셨습니다.

Answer 1

이 시도 :

$("#Button1").click(function() { 
       if ($('#Checkbox1').attr('checked')) { 
        Checkbox1.checked = false; 
       } 
       else { 
        Checkbox1.checked = true; 
       } 
      });