ご回答いただき、ありがとうございます。
デベロッパーツールで確認したところ、javascript自体が反応していなかったのですが、下記のようにjavascriptを変更したところ、コンソールログが吐き出されるようになりました。

{% block javascript %}
<script>
$(document).on('change', 'input[name="checkboxid[]"]', function() {
console.log('クリック');
});
</script>
{% endblock %}

どうやら、動的に追加したチェックボックスの操作をするためにはこの書き方でないとだめだったようです。

参照サイト
https://www.flatflag.nir87.com/checkbox-1286

javascriptが動けば、やりたいことができそうです。
ありがとうございました！