チェックボックスを生成
適応バージョン
- 1.0.0
- 1.1.0
- 1.1.1
- 1.1.6
- 1.2.0
- 1.2.6
- 2.0.0
- 2.0.1
- 2.0.3
- 2.1.0
- 2.2.1
- 2.3.2
- 2.3.8
- 3.0.0
- 3.0.5
- 3.0.7
- 3.0.9
- 3.1.0
- 3.2.3
- 3.2.8
- 3.2.13
- 4.0.2
- 4.1.8
- 4.2.1
- 4.2.7
- 4.2.9
- 5.0.0.1
- 5.1.7
- 5.2.3
- 6.0.2.1
- 7.0.0
説明
チェックボックスを生成
使い方
check_box(オブジェクト名, メソッド名 [, オプション, checked_value = "1", unchecked_value = "0"])
f.object
f.check_box(メソッド名 [, オプション, checked_value = "1", unchecked_value = "0"])
オプション
| オプション | 説明 |
|---|---|
| :checked | チェックボックスのチェックの有無 |
| :size | フォームの幅 |
| :maxlength | 入力フィールドに入力可能な最大文字数 |
| :accept | フォームで受付可能なMIMEタイプ |
| :readonly | フォームの内容変更禁止 |
| :disabled | 無効化 |
| :tabindex | Tabキーによる入力欄の移動順 |
| :accesskey | フォームに移動するショートカットキー |
| :id | 要素固有の識別子 |
| :class | 要素を分類するクラス名 |
| :title | 要素の補足情報 |
| :style | 要素の補足情報 |
| :dir | 表記方向 |
| :lang | 基本言語 |
例
check_box
チェックボックスOFF
check_box 'page', 'freezeflag', {}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />
チェックボックスON
check_box 'page', 'freezeflag', {checked: true}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input checked="checked" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />
利用禁止
check_box 'page', 'freezeflag', {disabled: true}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input disabled="disabled" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />
Tabキーによる入力欄の移動順
check_box 'page', 'freezeflag', {tabindex: 1}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input id="page_freezeflag" name="page[freezeflag]" tabindex="1" type="checkbox" value="true" />
フォームに移動するショートカットキー
check_box 'page', 'freezeflag', {accesskey: 'k'}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input accesskey="k" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />
f.check_box
チェックボックスOFF
f.check_box 'freezeflag', {}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />
チェックボックスON
f.check_box 'freezeflag', {checked: true}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input checked="checked" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />
利用禁止
f.check_box 'freezeflag', {disabled: true}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input disabled="disabled" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />
Tabキーによる入力欄の移動順
f.check_box 'freezeflag', {tabindex: 1}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input id="page_freezeflag" name="page[freezeflag]" tabindex="1" type="checkbox" value="true" />
フォームに移動するショートカットキー
f.check_box 'freezeflag', {accesskey: 'k'}, true, false
# <input name="page[freezeflag]" type="hidden" value="false" /><input accesskey="k" id="page_freezeflag" name="page[freezeflag]" type="checkbox" value="true" />