フォーム先日、業務の関係でINPUT入力フォームのDisabledを操作するサンプルスクリプトを作ったのでここでも紹介してみます。片方のINPUTを入力しないと次のINPUTの入力を認めない場合のサンプル。----------------------「入力フォームA」@「入力フォームB」----------------------「A」の入力フォームに何か入力すると、「B」の入力フォームが入力可能になります。「B」は入力不可になるが入力内容は一旦保持。「A」からフォーカスが離れた際に「A」の中に入力が何もされていなかった場合に「B」の値は削除となり空にします。動作についてはこんな感じに。「B」の削除制御などは変更も可能。スクリプトは以下のような感じに。INPUTのvalueの値を見て、「disabled」を付けたり消したりしているだけ。JSなどでINPUTを操作する際、動的に背景色「background」を追加すると、そのINPUTの枠線「border」がinsetっぽいスタイルに変更してしまうのがいつもめんどくさく思う。それを回避するために上記スクリプトではわざわざ「border」のスタイルを追加してあります。こんな感じですが何かの際に是非。PostsjQueryで入力フォームの「必須項目」などのインターフェースを考えてみる。jQueryでチェックボックスのクリック動作向上jQueryでのチェックボックスのクリック動作向上:Ver.2jQueryでツールチップ。jQueryでお知らせとかのインフォメーション要素について見せ方を考えてみる。以前、ここで紹介した「jQueryでINPUTのDisabledを操作してみる」。前回のパターンは一つの入力エリアにテキストを入れると次の入力エリアが入力可能になる、というもの。※コメントにHTMLタグを直接入力しないでください。※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。PreviousPostjQueryでお知らせとかのインフォメーション要素について見せ方を考えてみる。»jQueryスライド用スクリプトもろもろ。Webサイト構築に関する技術やWebサービスを紹介するブログです。jQueryをはじめとしたWebサイトを彩る技術のほか、HTML(HTML5)、CSS(CSS3)、iPhoneやTwitterを使った実験などなど、Webサイト制作に役立つであろうと思われる情報を備忘録として掲載しています。