【Vue.js】複数のチェックボックスから動的に値を取得する方法

Vue.js

はじめに

この記事では、単一のチェックボックスでオン/オフ(true/false)を表す場合と、複数のチェックボックスから値を取得できるコードを紹介します。

動作環境
  • Vue.js 2.6

単一チェックボックスのvalueを変更する方法

チェックボックスのデフォルト値はtrueとfalseとなってますが、これをyesとnoに変えたい場合は以下のコードに変更してください。

 

複数のチェックボックスの使い方

複数のチェックボックスを利用したい場合は、同一のv-modelを適用してください。

また、dataにはos:[]のように配列を渡してください。

参考

 

トップページへ戻る

タイトルとURLをコピーしました