チェックボックスに配列でoffの状態でも値を送信したい

Question

前提・実現したいこと

チェックボックスで配列で値をpostしてあげたいのですが、チェックが無しの状態だと何も送信されず配列の要素番号がズレてしまいます。
現状では3件ほどv-forで作成されたテーブルに１つだけチェックボックスをonにすると下記のような感じになってしまいます。
is_delete = ['on']

理想は、このように空も含めた配列にしたいです。
is_delete = ['on', '', '',]

よろしくお願いいたします。

該当のソースコード

<template>
    <tbody>
        <tr v-for="(user, index) in user" :key="user.id">
            <td class="text-center">
                <input type="hidden" name="is_delete[]" value=''>
                <input type="checkbox" name="is_delete[]"  value="1">
             </td>
             <td class="text-center">
                <input type="text" name="name[]">
             </td>
         </tr>
     </tbody>
</template>
<script>
import axios from 'axios';

export default {
    methods: {
        submit: function () {

            const formData = new FormData(this.$refs['form']);
            const data = {};

            for (let [key, val] of formData.entries()) {
                if (key.match(/\[\]$/)) {
                    key = key.slice(0, -2);
                    if (Array.isArray(data[key])) {
                        data[key].push(val);
                    } else {
                        Object.assign(data, { [key]: [val] });
                    }
                } else {
                    Object.assign(data, { [key]: val });
                }
            }
            console.log(data)
        },
    }

}
</script>

試したこと

hidden属性でnullを持たせてみたが、v-forの数だけ増えてしまった

Comments

[yambejp]

とりあえず受け側のサーバーサイドプログラムはなんでしょう？（PHP?）
チェックボックスはチェックされたvalueを送るものなのでonとか送るのは微妙ですね
またチェック指定なものは送らないほうがいいでしょう

[m.ts10806]

もしくは空の配列

[meron88]

サーバサイドはphpです(laravel使用)

Answer 1

あまりおすすめはしませんがこんな感じで

<?PHP
$n=filter_input(INPUT_GET,"n",FILTER_DEFAULT,FILTER_REQUIRE_ARRAY);
var_dump($n);
?>
<form>
<input type="hidden" name="n[0]" value="">
<input type="hidden" name="n[1]" value="">
<input type="hidden" name="n[2]" value="">
<input type="checkbox" name="n[0]" value="1">
<input type="checkbox" name="n[1]" value="1">
<input type="checkbox" name="n[2]" value="1">
<input type="submit" value="send">
</form>