コンテンツにスキップ

Top

Laravel で input type = checkbox の値を @change の引数に @event を渡して取得しようとしても常に on で取得できなかった

以下のように、 input type が checkbox の値を @change で受け取ろうとしたところ、常に "on" しか返ってこず困った。

<input type="checkbox" name="checkbox_1" v-model="this.checkbox_val" @change="this.getCheckBoxValue($event)" />

~

  methods: {
    getInputVal(event) {
      console.log(event.target.value);  <= これが常に on になる!
    }

まぁ、event.target.valueじゃなく、v-modelで指定している、this.checkbox_valの値を見ればいいんだけどなんか気持ち悪いので調べたら、checkboxの場合は、 event.target.value ではなく、event.target.checkedにしなければならなかった。

そんだけ。

以上!