複数あるチェックボックスのリクエストをサーバー側で取得したい

Question

##現状

PHP7.2
CakePHP3.x系
で開発をしています

やりたい事としては、複数あるチェックボックスのリクエストサーバー側で取得したいという事です

現状のコードがこちらになります。

<?php foreach ($hoges as $hoge): ?>
    <?= $this->Form->create(null, [
        'type' => 'get',
        'data-element-id' => 'category-select-form-' . $hoge->id,
        'url' => [
            'action' => 'index',
            'controller' => 'AskMeisters'
        ]
    ]) ?>

    <?= $this->Form->input('category_id' . $hoge->id, [
        'type' => 'checkbox',
        'id' => 'category-input',
        'value' => $hoge->id,
        'label' => $hoge->name,
        'data-element-id' => $hoge->id,
        'checked' => ($exampleId == $hoge->id) ? true : false
    ]) ?>

    <?= $this->Form->end() ?>
<?php endforeach; ?>

<script type="text/javascript">
$(function(){
    $('#category-input').on('change', function() {
        var elementId = $(this).data('element-id');
        $('[data-element-id="category-select-form-' + elementId + '"]').submit();
    });
});
</script>

現状の動作として、先頭のチェックボックスしかチェック時にsubmitしません。

リクエストの値を$this->request->query()で取得しようとすると、先頭の値しか取得できない状況にあります。

##質問事項

• 複数のチェックボックスが存在する場合、それぞれのチェックされた値を取得するには、どうすれば良いでしょうか？

修正依頼等ありましたら、コメントでリクエスト下さい。

ご回答よろしくお願い致します。

Answer 1

jQuery側でのinputの要素取得方法が悪かったようでした。