文字

[JS]チェックボックスを実装してJavascriptで状態を読み取ってみる[input]
公開:2020.05.29 更新:2020.05.29

こんにちはぁぁぁ~さぼりぎみの人です。

前回に引き続きゲーム開発の進捗ですが、今回はモードチェンジ機能実装にあたって、いろいろやったのでそれについてメモ。

それでは、

いくぞーーーーーー

HTMLでチェックボックス作成

まずは骨組みのチェックボックス作成です。

HTMLでチェックボックスを作るには、inputタグを使います。

属性にcheckboxを指定すると、チェックボックスが生まれます。

<input type="checkbox" name="wing">こうもり
<input type="checkbox" name="wing">はと
<input type="checkbox" name="wing">ペンギン
こうもり はと ペンギン

こんな感じですね。この場合後ろの単語は括ってないので、それぞれのチェックボックスが単語と結びついてるわけではありませんが、まあ目印ですね。

とりあえずこれでチェックボックスが出来ました。

name属性はボックスそれぞれの名前という訳では無くて、そのボックス群のグループ名として使うようです。

私は最初、別々に指定した結果全く動いてくれませんでした。(プログラムが)

この他にvalue属性がありますが、これはアンケートなどでフォームを作っている場合に送信される値を設定するものの様です。

Javascriptでチェックボックスの状態を取得

はい、形はできましたでしょうか><

お次はJavascriptでチェックボックスの状態を取得していきます。

私の場合はフォーム無しでできる案を採用しています。

以下の記事を参考にさせて頂きました。

外部記事サムネ

年号と©マークと何が必要?Copyright(コピーライト)表記の正しい書き方

参照記事

おすすめ商品

一から勉強する際に使った教材

持っていると便利なHTML&CSS辞典

コメント

内容をご確認の上、送信してください。