Trigger the function of checked boxes to one button js

I wanted to if I could do this with only using javascript. I have a pdf links on each of my checkboxes. So if the selected checkboxes are checked then it would go to that links but only when the button is clicked.

$(function() {
  $("input[name='check[]']").bind("myCustomButtonClick", function() {
    var item = $(this);
    if (item.is(":checked")) {
      item.siblings('a.dev-link').trigger('click');
    }
  });
})

$(document).on('click', '#dl-link', function() {
  $("input[name='check[]']").trigger("myCustomButtonClick");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label id="link" class="w-checkbox dl-check-wrap">
  <div class="w-checkbox-input w-checkbox-input--inputType-custom dl-check dev-check w--redirected-checked"></div>
  <input type="checkbox" name="check[]" data-name="check[]" id="mode">
  <a href="https://drive.google.com/uc?export=download&amp;id=17XNOXQ3dKZM9tznx4xGk8I0O5hcvw0kc" class="dl-link dev-link">Link</a>
  <span class="d-none w-form-label" for="check[]">Checkbox 4</span>
</label>

<a id="dl-link" href="#" class="dl-btn w-button">Download All</a>