@@ -61,7 +61,7 @@ textarea への挿入は機能しません。代わりに`v-model`を用いて
61
61
62
62
### チェックボックス
63
63
64
- 単一のチェックボックスと boolean 値:
64
+ 単一のチェックボックスと boolean 値:
65
65
66
66
``` html
67
67
<input type =" checkbox" id =" checkbox" v-model =" checked" />
@@ -75,7 +75,7 @@ textarea への挿入は機能しません。代わりに`v-model`を用いて
75
75
</p >
76
76
<script async src =" https://static.codepen.io/assets/embed/ei.js " ></script >
77
77
78
- 同じ配列にバインドされた複数のチェックボックス:
78
+ 同じ配列にバインドされた複数のチェックボックス:
79
79
80
80
``` html
81
81
<div id =" v-model-multiple-checkboxes" >
@@ -140,7 +140,7 @@ Vue.createApp({
140
140
141
141
### セレクト
142
142
143
- 単一のセレクト:
143
+ 単一のセレクト:
144
144
145
145
``` html
146
146
<div id =" v-model-select" class =" demo" >
@@ -175,7 +175,7 @@ Vue.createApp({
175
175
` v-model ` の式の初期値がいずれのオプションとも一致しない場合、` <select> ` 要素は * 未選択* の状態で描画されます。これにより iOS では最初のアイテムが選択できなくなります。なぜなら iOS はこのような場合に ` change ` イベントを発火させないためです。したがって、上記の例で示したように、` value ` を持たない` disabled ` なオプションを追加しておくことをおすすめします。
176
176
:::
177
177
178
- 複数個のセレクト(配列にバインド):
178
+ 複数個のセレクト(配列にバインド):
179
179
180
180
``` html
181
181
<select v-model =" selected" multiple >
@@ -194,7 +194,7 @@ Vue.createApp({
194
194
</p >
195
195
<script async src =" https://static.codepen.io/assets/embed/ei.js " ></script >
196
196
197
- 動的なオプションを` v-for ` により描画:
197
+ 動的なオプションを` v-for ` により描画:
198
198
199
199
``` html
200
200
<div id =" v-model-select-dynamic" class =" demo" >
@@ -231,7 +231,7 @@ Vue.createApp({
231
231
232
232
## 値のバインディング
233
233
234
- ラジオやチェックボックス、セレクトの option において、` v-model ` でバインディングされる値は通常は静的な文字列(チェックボックスの場合はbooleanも)です:
234
+ ラジオやチェックボックス、セレクトの option において、` v-model ` でバインディングされる値は通常は静的な文字列(チェックボックスの場合はbooleanも)です:
235
235
236
236
``` html
237
237
<!-- チェックされているとき`picked` は文字列"a"になります -->
@@ -255,14 +255,14 @@ Vue.createApp({
255
255
```
256
256
257
257
``` js
258
- // チェックされているとき:
258
+ // チェックされているとき:
259
259
vm .toggle === ' yes'
260
- // チェックされていないとき:
260
+ // チェックされていないとき:
261
261
vm .toggle === ' no'
262
262
```
263
263
264
264
:::tip Tip
265
- ` true-value ` と ` false-value ` 属性は input の ` value ` 属性には影響を及ぼしません。なぜならブラウザはチェックされていないチェックボックスをフォーム送信内容には含めないためです。二つの値(例: "yes" または "no")のうち一つが必ず送信されることを保証するには、代わりにラジオを使用してください。
265
+ ` true-value ` と ` false-value ` 属性は input の ` value ` 属性には影響を及ぼしません。なぜならブラウザはチェックされていないチェックボックスをフォーム送信内容には含めないためです。二つの値(例: "yes" または "no")のうち一つが必ず送信されることを保証するには、代わりにラジオを使用してください。
266
266
:::
267
267
268
268
### ラジオ
@@ -272,7 +272,7 @@ vm.toggle === 'no'
272
272
```
273
273
274
274
``` js
275
- // チェックされているとき:
275
+ // チェックされているとき:
276
276
vm .pick === vm .a
277
277
```
278
278
0 commit comments