Confirmation Model with jQuery

Be consistent

If you're going to use jQuery, it would be stylistically appropriate (and terser) to use it instead of the native DOM methods. For example:

if(document.getElementById('FridgeTemperatureCheckBox').checked){

can turn into

if ($('#FridgeTemperatureCheckBox').is(':checked')) {

To translate getElementById to jQuery or querySelector, put a # in front of the ID you want to select.

Or you can use vanilla DOM methods everywhere if you prefer (like I do) - but whatever you choose to do, it would be good to do it consistently, otherwise you'll probably confuse future readers of the code.

HTML too: On a similar note about consistency - with your element IDs, better to choose either camelCase, PascalCase, or kebab-case everywhere, but don't mix and match different styles, else you're more likely to run into typo problems when you don't have a set style and mis-remember which style you used. (You can also consider using classes instead of IDs, since IDs with their automatically global variables are unintuitive and can cause bugs.)

DRY code

Rather than selecting the same element multiple times, eg:

$('#FridgeTemperatureBtn').attr('data-toggle', 'modal');
$('#FridgeTemperatureBtn').attr('data-target', '#confirmModal');

It would be more elegant to select the element once and save it in a variable. Or, even better, since .attr returns the existing jQuery collection, just chain the .attr calls:

$('#FridgeTemperatureBtn')
  .attr('data-toggle', 'modal')
  .attr('data-target', '#confirmModal');

Attach listener once, immediately: It looks like the confirmModal only becomes visible when the user clicks the button and has already completed the check, is that correct? If so, consider attaching the #confirmOk click listener immediately, rather than only after the #FridgeTemperatureBtn is clicked. (Attaching identical listeners multiple times won't cause problems in this case, but it's peculiar logic.)

Semantics: Your FridgeTemperatureBtn is an <a>, not a button, so its ID's name should probably be tweaked. If you have it styled to look like a button with your CSS, it would probably be a bit more semantically appropriate to surround a <button> inside an <a> instead.

Unchangeable checkbox UX: The #FridgeTemperatureCheckBox is disabled. Having it be a checkbox is a bit unintuitive, because users generally expect checkboxes to be clickable. Consider informing the user that the check has already been done some other way, such as by adding a checkmark (not a checkbox), or by changing the background color, or something like that.