Help with submission of form on checkbox or textbox value change

I have seen a few examples where persons use a dynamic event and on change update the form with a debounce set.

I am trying to utilize this within a content page with no luck. If I add a button to the form it works fine but the on change never triggers the submit. I’m trying to use the content page for this section to prevent reloading the entire page that the user would be viewing, this is a php based setup.

The code I’m trying is below:

<div class="form-check form-switch mb-0 d-flex align-items-center ">
<input class="form-check-input" type="checkbox" value="1" id="user_type_status" name="user_type_status" dmx-bind:checked="scPersonalChecklist.data.query.user_type_req == 0 || scUserDetail.data.query.user_type"  dmx-on:changed="updatechecklist.submit()">
</div>

<textarea id="user_type_note" class="form-control" name="user_type_note" dmx-bind:value="scPersonalChecklist.data.query.user_type_note" dmx-on:changed.debounce:500="updatechecklist.submit()"></textarea>

Any idea why this may not be working?