何かといったら、

チェックボックスにチェックを入れたら、テキストエリア（テキストボックスもしくはテキストフィールドでもどこでも入力欄なら）に自動的にvalue（値）が追加されて、チェックを外せばそれが消えるというフォームです。


デモ画面をみてもらったらいいですね。
CSSはいじってないんで、見栄えはつまらないものですが。

デモ画面（簡易版）はこちら

デモ画面（DOMにこだわった版）はこちら

※両方とも見た目は変わらないです。ソースが違うだけ。


簡易版はソースみればそのままJavaScriptが書いてあります。

DOMにこだわった版はクロスブラウザ対策が施されたcrossbrowser.jsと、
上記ソースをDOMを意識して書きなおしたcheckbox-textarea.jsを読み込んでます。


DOMスクリプティングは自分で書くのは慣れていないので、非効率な書き方している部分がどこかしらあるかと思いますが...。


クロスブラウザ対策に関しては
「標準DOMスクリプティング JavaScript＋DOMによるWebアプリデザインの基礎」
を参考にさせてもらいました。とてもわかりやすかった。
今さらDOMかよって感じですが。


想定しているのは、


何かサイト上でグッズ販売しているけれど、ECのシステム組むほどガツガツしてなくて、問い合わせがきたら在庫確認して、もしあれば売ってあげるといった感じのゆるい状況です。


ユーザーは略称を使ったり、指示語で問い合わせたり（左上のバッグとか）、商品名を間違えるかもしれないので、何の商品に対する問い合わせなのか、対応する側ではっきりとわかるほうがいいですもんね。


ユーザーも長い商品名を入力しなくて済みます。



反町なのか、竹ノ内なのかは非常に大きな問題です。
放送から12年経った今も、mixiではどっち派なのかというトピックが盛り上がっていますから。


思いやりのあるサイト。これは意識していきたいものです。