def setup
background(220)
radio = createRadio # ラジオボタン
radio.option('りんご')
radio.option('みかん')
radio.option('バナナ')
radio.vertical
radio.selected('みかん') # 初期選択
radio.position(10, 15)
# ラジオボタンすべての有効/無効を切替え
check = createCheckbox('enable', true)
check.position(10, 105)
check.changed do
if check.checked
radio.enable
else
radio.disable
end
end
end
def setup
background(220)
sel = createSelect # 選択リスト
sel.option('りんご')
sel.option('みかん')
sel.option('バナナ')
sel.vertical
sel.selected('りんご') # 初期選択
sel.position(15, 25)
# 特定項目の有効/無効を切替え
check = createCheckbox('enable', true)
check.position(10, 105)
check.changed do
if check.checked
sel.enable('りんご')
else
sel.disable('りんご')
end
end
end
[p5.js] createSelect
[p5.js] createRadio
HTML要素の中の選択項目を有効化します。
| 引数名 | 内容 | 備考 | オプション | デフォルト値 |
|---|---|---|---|---|
| item | 選択項目 | ○ | nil (全体) |
obj (メソッドを呼び出した p5elemetオブジェクト自身)
・createSelectメソッドまたは
createRadioで生成されたオブジェクトに対してのみ有効です。
・p5.jsではラジオボタンは enableメソッドに対応していませんが、
ドロップダウンリスト(選択リスト)との共通性を維持するため rbCanvas/p5で独自に拡張しました。