How to get jQuery to recognize a checkbox when a block is added

I'm having a problem with jQuery trying to hide a checkbox from a block when it's added. For example, I add a block in the editor that has a checkbox selected. I have a jQuery function that if that checbox is selected, all other checkboxes in other blocks should be hidden unless the checkbox in the first block is unselected. The ID of checkbox in the first block is called #cover_photo_set_featured and the checkbox in the block to be added is called #one_image_feature_image.

Here's my jQuery code:

jQuery(document).ready(function ($) { $(document).on("click", "#cover_photo_set_featured input", function () { $("#one_image_feature_image label").css("display", "none"); if ($("#cover_photo_set_featured input").is(":checked")) { $("#one_image_feature_image label").css("display", "none"); } else { $("#one_image_feature_image label").css("display", "block"); } }); });

Here's a video of the problem I'm having - https://www.dropbox.com/s/ivfqanxssrh3dtq/acf_logic_blocks.mov?dl=0

Thanks.

No project file, test, or implementation entry point is identified; start by reproducing the checkbox behavior in the linked video and tracing how the editor adds blocks. Done would require a confirmed, project-specific fix that correctly updates checkbox visibility for both existing and newly added blocks.