Checkboxes are created with the VOnsCheckbox component. It works almost exactly the same way as a normal <input type="checkbox"> tag.
An attribute input-id is provided to set the ID of the inner native element. This is useful for HTMLLabel elements: <label for="some-inner-input">.
Every input is compatible with v-model directive. Checkboxes can be bound to arrays or booleans normally. The only exception are modifiers. There is, however, a workaround for lazy modifier:
<v-ons-input v-model="something" model-event="change"></v-ons-input>
This will use change event instead of input when updating v-model.
| 名前 | 型 / デフォルト値 | 概要 |
|---|---|---|
| inputId | String |
Specify the “id” attribute of the inner <input> element. This is useful when using <label for="..."> elements.
（翻訳中）
Optional.
|
| modelEvent | Boolean | The native event which should trigger the update:modelValue event. （翻訳中） Optional. |
| modelValue | Boolean | Whether the checkbox is checked or not. （翻訳中） Optional. |
| Name | 概要 |
|---|---|
| material | Displays a Material Design checkbox. （翻訳中） |
| noborder | iOS borderless checkbox. （翻訳中） |
| 名前 | 概要 |
|---|---|
| update:modelValue | Fired right after the event set in the modelEvent prop. （翻訳中） |
Fired right after the event set in the modelEvent prop. （翻訳中）
| 名前 | 型 | 概要 |
|---|
Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。
バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。
あわせて、下記の情報も参考にしてください。