I got it working with something like this:

<li><label for="id_events_9"><input type="checkbox" name="events" value="102" hx-get="/participations/export/" hx-include="input[name="events"]" hx-target="#days-list" hx-trigger="change" id="id_events_9" class="field field--checkbox">
Event 1</label>
</li>
<li><label for="id_events_10"><input type="checkbox" name="events" value="98" hx-get="/participations/export/" hx-include="input[name="events"]" hx-target="#days-list" hx-trigger="change" id="id_events_10" class="field field--checkbox">
Event 2</label>
</li>

But then I added

load

to the trigger and it triggered 50 requests on page load 😅 I ended up putting the

hx

attributes on the parent element:

<div hx-get="/participations/export/" hx-include="input[name='events']" hx-trigger="load, change from:input[name='events']" hx-target="#days-list">
... all the <input name="events"> here
</div>

It seems to be working fine, but maybe there’s a better way to do it?