lookyloo/website/web/templates/urls_rendered.html

<div>
  <h4>Select below the URLs you want to capture.</h4>
	<hr>
	<button type="button" class="btn btn-secondary" id="toggleURLs" title="(un)select all URLs">
		Toggle selection
	</button>
	<hr>
  <form role="form" action="{{ url_for('bulk_captures', base_tree_uuid=base_tree_uuid) }}" method=post enctype=multipart/form-data>
    {% for url in urls %}
    <div class="form-check">
      <input class="form-check-input" type="checkbox" name="url" id="url_{{loop.index}}" value="{{loop.index}}">
      <label class="form-check-label text-wrap text-break" for="url_{{loop.index}}">{{url}}</label>
    </div>
    {% endfor %}
    <button type="submit" class="btn btn-primary" id="btn-capture-urls">Capture selected URLs</button>
  </form>
</div>

<script nonce="{{ csp_nonce() }}">
  const toggleURLs = document.getElementById("toggleURLs");
  if (toggleURLs) {
    toggleURLs.addEventListener("click", function() {
      checkAllBoxes("url");
    });
  }
</script>