How to deselect a checkbox using two condition/if statements (one a dropdown select and one a radio)

I’m trying to set this condition in a form:

If the #Size (from a dropdown selection) = ‘extra-cab’ AND a radio select button called ‘canopy-14x-select’ (from a group of radio buttons called ‘Canopy’) are both selected, then the checkbox with a class called .rack-kit is deselected.

I’m not sure how to nest these into each other, I’ve attempted it below but it isn’t working.

Any help would be much appreciated.

$('#Size').on('change', function() {
         if (this.value == 'extra-cab') {
                if ($(this).attr("id") == "canopy-14x-select") {
                    $('.rack-kit input[type="checkbox"]:checked').prop('checked', false).trigger('change');
                }
            }

Thank you in advance 🙂