Question

I have a checkbox that I show/hide based on a drop down selection on the page.

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

On page load, the checkbox is hidden. I turn it on using the drop down and submit the page and this test keeps failing:

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

I look at the HTML in the browser and the display is definitely set to inline but this test keeps failing. How can I get this test to work and see the CSS value of inline in the DOM?

Answer 1

$('#chkSatSun') and $('#chkSkipSatSun') are different things.