2019-09

フォーム

【フォーム】checkboxのvalue値を取得してコンテンツ表示

製品名のチェックボックスを選択すると該当の製品の説明が表示され、チェックを外すと製品の説明が非表示になります。製品名を全て選択できるチェックボックスも実装します。

フォーム

【フォーム】select内optionのvalue値を取得してページ移動

セレクトボックスからカテゴリーを選ぶと、選択したカテゴリーのトップへ移動します。select内optionのvalue値をjQueryで取得し、window.location.hrefに代入することでリンクの動作を実現します。

フォーム

【フォーム】select内optionのvalue値を取得してコンテンツ表示

セレクトボックスから都道府県を選んで選択ボタンを押すと、選択された地域を表示します。select内optionのvalue値をjQueryで取得し、地域が記述されたpタグの中から表示するpタグを判定しています。

アコーディオンメニュー

【アコーディオンメニュー】ボタンのテキストを入れ替え【続きを表示・閉じる】

続きを表示ボタンをクリックで追加のコンテンツを表示し、ボタン内のテキストを「続きを表示」から「閉じる」へ変更します。閉じるボタンをクリックで追加されたコンテンツを非表示にし、ボタン内のテキストを「閉じる」から「続きを表示」へ変更します。

タイトルとURLをコピーしました