HTMLからinputで配列を送りつつ、JSで動作を検出したい

Question

前提

PHP,JS（Jquery）でHTMLからリクエストを受け取る部分を改修しています。

具体的には
HTML側のチェックボックスへの操作を、JSで検出し処理する部分です。

今回はPHP側の都合で、inputタグ内のnameを配列にして送信するように変更しました。
それにより、JS側でのチェックボックス操作の検出が反応しなくなりました。

###実現したいこと
0. 同じnameのinputタグは、配列でまとめて値を送信したい
0. name="test-name[]"　の箇所のチェック有無を検出したい

JS,HTML部分は疎いため、アドバイスいただければ幸いです。

発生している問題・エラーメッセージ

JS側でinput[name=test-name]が反応しない。

変更前
<input type="checkbox" name="test-name" value="1">
↓
変更後
<input type="checkbox" name="test-name[]" value="1">

該当のソースコード

<input type="checkbox" name="test-name[]" value="1">
<input type="checkbox" name="test-name[]" value="2">
<input type="checkbox" name="test-name[]" value="3">

～～～
$('input[test-name]').on('change', function(){

～～～なんらかの処理～～～

}):

試したこと

同じ名称のinputタグは数が少ないので、idを個別に作れば可能ですが、
あまりやるべきではないと考えております。

補足情報（FW/ツールのバージョンなど）

HTML5
jquery 3.4.1

Answer 1

セレクタの使い方を理解してください

  $('[name="test-name[]"]').on('change',function(){
    console.log($(this).val());
  });

Answer 2

既にあるようにセレクタの指定の仕方かと。
ドキュメントに一通り網羅されているので、そちらを熟読して試して理解を深めてください。
Selectors | jQuery API Documentation
日本語が良ければこことか