Set Checkboxes to Yes based on two conditions

it might look like this

NWF.FormFiller.Events.RegisterAfterReady(function () {
   NWF$('#'+jsvarApplicableGate).change(HandleSelectionChange);
   NWF$('#'+jsvarTypeOfWork).change(HandleSelectionChange);
});


function HandleSelectionChange(){
  var applicableGateVal = NWF$('#'+jsvarApplicableGate + ' input:checked').val();
  var typeOfWorkVal = NWF$('#'+jsvarTypeOfWork + ' input:checked').val();
  if(applicableGateVal === "8Q" && typeOfWorkVal === "Emergent"){
     NWF$('.ApplicableTickBoxClass input').prop('checked',true);
  }  
} ‍‍‍‍‍‍‍‍‍‍‍‍‍

‌ ‌ ‌ ‌ ‌ ‌

Thank you for this.

I have a very basic knowledge of javascript so just trying to understand which bit I change in order to include the checkbox.  Would that the text I've underlined in red?

you have to configure javascript variable 'jsvarApplicableGate' for 'Applicable Gate' radio control and variable 'jsvarTypeOfWork' for 'Type of Work' radio control.

next you have to configure CSS class 'ApplicableTickBoxClass' on each of checkboxes you want to get ticked based on seleceted above radios

Brilliant!  That worked.  I just needed to add the CSS class to the checkboxes.

My next query is... if I change my mind and select 'Waiver' after 'Emergent' the checkboxes remain checked.  What would I need to do to remove the result if the initiator changes their mind or selects the wrong radio control?

Thank you!

simply

function HandleSelectionChange(){
  var applicableGateVal = NWF$('#'+jsvarApplicableGate + ' input:checked').val();
  var typeOfWorkVal = NWF$('#'+jsvarTypeOfWork + ' input:checked').val();
  if(applicableGateVal === "8Q" && typeOfWorkVal === "Emergent"){
     NWF$('.ApplicableTickBoxClass input').prop('checked',true);
  } else {
     NWF$('.ApplicableTickBoxClass input').prop('checked',false);
  }
} ‍‍‍‍‍‍‍‍‍

You absolute genius!  Thank you!