Make Checkbox True If Textfield Content Changes To A Specific Value

[RonAnderson]

Hi, I have a submission datapage which contains dropdown. The dropdown has 4 items in the list. If the item selected = "PAT" I want the checkbox (PAT_Test) to be automatically checked and disabled. The code I'm using doesn't check the checkbox. I'd be very grateful if someone could show me if there's an error and how to correct it.

Here's the code I'm using:-

<script>
document.addEventListener('DataPageReady', function() {
document.getElementById("InsertRecordSurvey_Group_Type").addEventListener('change', function() {
if(document.querySelector("[id*='InsertRecordSurvey_Group_Type']").value == "PAT");
  document.querySelector("[id*='InsertRecordPAT_Test']").value = 1;
  document.querySelector("[id*='InsertRecordPAT_Test']").disabled = true;

}); // end of change event listener
}); // end of DataPageReady event listener
</script>

Thanks in anticipation

[autonumber]

Hi @RonAnderson - can you try this instead? 

<script type="text/javascript">

document.addEventListener('DataPageReady', function (event) {
    document.querySelector("[id*='InsertRecordFirst_Name']").addEventListener('change', function() {
        if (document.querySelector("[id*='InsertRecordFirst_Name']").value == 'PAT') {
         document.querySelector("[name*='InsertRecordYesNo']").checked = true;
      } else {
         document.querySelector("[name*='InsertRecordYesNo']").checked = false;
      }
    });
});
</script>

[RonAnderson]

Hi @autonumberThanks you so much. This is exactly what I'm after