▼テンプレート
[EC-CUBE] 4.1.2
[レンタルサーバ] Xserver
[PHP] 7.4.33
[データベース] MySQL
[WEBサーバ] Apache
[ブラウザ] chrome
[現象]
チェックボックスのチェックを変更した際にsubmitするような動きを作りたいのですが、上手くいきません。

【twigソース】
{% block javascript %}
<script>
// チェックボックスクリックで検索
$('#checkboxid').change(function() {
$(this).submit();
});
</script>
{% endblock %}

{% block main %}
<div class="ec-searchnavRole px-0">
<form name="form1" id="form1" method="get" action="?">
{{ form_widget(form, {'id': 'checkboxid' })}}
<div class="input-group-append">
<button class="btn bdrs-0 bgc-main c-white" type="submit">
<i data-feather="search" width="14" height="14"></i>
</button>
</div>
</form>
　＜略＞

【出力されているソース】
<script>
// チェックボックスクリックで検索
$('#checkboxid').change(function() {
$(this).submit();
});
</script>

<div class="ec-searchnavRole px-0">
<form name="form1" id="form1" method="get" action="?">
<div id="checkboxid"><div><label class="">商品検索</label>
<div id="checkboxid">
<input type="checkbox" id="checkboxid_0" name="checkboxid[]" value="1" />
<label for="checkboxid_0">
<span>チェック１</span>
</label>
<input type="checkbox" id="checkboxid_1" name="checkboxid[]" value="2" />
<label for="checkboxid_1">
<span>チェック２</span>
</label>
</div>
</div>
<input type="hidden" id="_token" name="_token" value="n3zbofv5Ph3HS5-iaNZARGkkxynvETEnyb_hA5R--XY" /></div>
<div class="input-group-append">
<button class="btn bdrs-0 bgc-main c-white" type="submit">
<i data-feather="search" width="14" height="14"></i>
</button>
</div>
</form>
＜略＞

submitのボタンをクリックすればsubmitされますが、チェックボックスを変更しても全く反応がありません。
アドバイスを頂けますと幸いです。
よろしくお願いいたします。