jquery - CSS 値の jQuery テストが機能しない

Question

ページのドロップダウン選択に基づいて表示/非表示にするチェックボックスがあります。

$("#Units").change(function () {
  if ($(this).val() == "D") {
    $('#chkSkipSatSun').css('display', 'inline'); 
  } else {
    $('#chkSkipSatSun').css('display', 'none'); 
  }
});

ページの読み込み時に、チェックボックスが非表示になります。ドロップダウンを使用して有効にし、ページを送信すると、このテストは失敗し続けます。

if ($('#chkSatSun').css('display') == 'inline') {
  alert('in');
}        

ブラウザーで HTML を確認すると、表示は間違いなくインラインに設定されていますが、このテストは何度も失敗します。このテストを機能させて、DOM でインラインの CSS 値を確認するにはどうすればよいですか?

Answer 1

$('#chkSatSun')と$('#chkSkipSatSun')は別のものです。