Javascript if statement failing on visualforce page

Question

I'm trying to write an javascript function to disable certain fields on a visualforce page if a checkmark field ("locked") is checked. The javascript is failing and I've isolated the problem to my if statement. Can someone tell what I"m doing wrong here? (If I comment out the if statement the rest of the script works fine, and it is getting the value of PA.locked__c fine as well)

setTimeout(function(){ 
                   If("{!PA.Locked__c}" == true) {
                       //alert ({!PA.Locked__c});
                       //$('select').css({"border": "transparent","background": "transparent","box-shadow": "none"}).attr('disabled','disabled');
                       //$('textarea').css({"border": "transparent","background": "transparent","box-shadow": "none"}).attr('disabled','disabled');
                       //$('input[type="text"]').css({"border": "transparent","background": "transparent","box-shadow": "none"}).attr('disabled','disabled');
                  }
                }, 1);

Answer 1

JavaScript is cAsE-sEnSiTiVe, so If is basically a variable name, while if is a keyword that denotes a branching instruction. Also, you should not compare a Boolean to a String, and you should use strict equality if you're going to do so. All that said, I typically advise that you skip the comparison, because a Boolean value is already a Boolean value. Thus your code should look like this:

if({!PA.Locked__c}) {

Answer 2

EDIT:Updated because I got it wrong the first time.

Yes to what @sfdcfox wrote, but also - as written, if PA.Locked__c is true, your JS looks like:

If("true" == true) {...}

In JavaScript, this will evaluate to FALSE.