Ok, it's sort of ugly, but I got this to work (I'm attaching your appended project with the fix)
Here's how I did it:
I added a textbox to the form that holds the value of the approval level. I give it a control ID of txtCurrentApprovalLevel. Then I gave the checkbox a control ID of chkMyCheck. I added an onload event to the form body with the following script:
var mytext = document.getElementById('txtCurrentApprovalLevel');
mytext.style.display = "none";
var mycheck = document.getElementById('chkMyCheck');
if (mytext.value == 1)
{
mycheck.disabled = false;
}
else
{
mycheck.disabled = true;
}
If you notice, I immediately track down the textbox and hide it onload, so you see a brief flash of it. I have to do it this way because using the Visible property of a component causes it to not even render... so I just change the visibility in the style. You can go about this a different way than a hidden text box... like reading the label displaying the current approval level (much cleaner solution in my opinion).
But anyway... there you go. Hope this helps :)