Pocket

検索やお問い合わせなどのフォームで使用されるinput要素やselect要素。条件が多岐に渡るほど、フロントエンドでの制御が必要になります。今回は、それらの要素を制御するjQueryをまとめました。

状態を取得する

チェックボックス、ラジオボタンの場合

テキストボックスの場合

セレクトボックスの場合

選択する/入力する

チェックボックス、ラジオボタンの場合

テキストボックスの場合

セレクトボックスの場合

解除する

チェックボックス、ラジオボタンの場合

テキストボックスの場合

セレクトボックスの場合

input要素やselect要素は上記3つの制御が基本です。フォームによっては複雑な制御が必要ですが、「取得する」「入力する」「解除する」のいずれかに集約されます。制御がうまくいかないときは、一度立ち止まってシンプルな処理に注目してみてください!

 

スタッフ募集のお知らせ

株式会社それからデザインでは現在、エンジニア・プログラマー、デザイナー、ディレクターを募集しています。自社サービスやクライアント企業のブランディングに関わるモノづくりの現場であなたの経験を活かしてみませんか?
ご興味のある方は、下記より募集要項をご覧ください。

生きるように働く人の仕事探しサイト「日本仕事百貨」に、当社のSE・プログラマー募集の記事が掲載されました。是非ご覧ください。