Internet ExplorerでjQueryを使用してチェックボックスの状態を切り替える方法

Question

私が持っているフォームには、マスターとスレーブという2つのチェックボックスがあります。マスタがチェックされるたびに、スレーブをチェックする必要があります（スレーブは個別にクリックしてチェックを外すことができます）。フォームのロード時に、マスターはチェックするように設定されています（デフォルト値）。これは、スレーブもチェックする必要があることを意味します。

次に、マスターの状態に基づいて手動でスレーブをチェックしたり、チェックを外したりする、いくつかの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; 
       } 
      });