jQuery(js)– category –
-
jQuery(js)
JavaScriptで空判定する方法
JavaScriptで空判定する方法です。 必須項目に入力があれば送信できる 生年月日を入力したら現在の年齢を表示する メールアドレスを入力したらメールアドレスの形式チェックをするといったことに使えます。基本的な操作方法ですが、もし他の言語を既に... -
jQuery(js)
jQueryで値が数値かどうかをチェックする方法
金額の項目など数値で入力してもらわないといけない項目に対し、jQueryを使って数値チェックを行う方法を紹介します。【jQueryで値が数値かどうかをチェックする方法】数値チェックは $.isNumeric() を使います。[aside type="normal"]$.isNumeric(値)[/as... -
jQuery(js)
jQueryでselectの値を取得したり設定する方法
jQueryを使って、selectの選択した値を取得したり、値を選択する方法です。select はチェックボックスやラジオボタンのように予め選択肢を用意し、そこから選択するものになります。しかしちょっと特殊なのが、multiple を付けると複数選択できるようにな... -
jQuery(js)
jQueryでradioの値を取得したりチェックする方法
ラジオボタン(radio)は一覧の中から1件の項目を選択する場合に使います。1つ選択されている状態で別のものを選択したら、前に選択されていたものが消え新しく選択されたものにチェックが入ります。 ○男性 ○女性のように性別を選択してもらう場合とか... -
jQuery(js)
jQueryでチェックされたcheckboxの値を取得したり設定する方法
画面上で何か入力されたとき、jQueryを使って表示を切り替えたり何かしらのイベントを動作させたい場合があると思います。今回はチェックボックスにチェックが入った場合に値を取得し、動作を切り替える方法です。 チェックボックスはON・OFFの切り替... -
jQuery(js)
jQueryのclickイベントで親と子が同時に対象になった場合に子だけ取得する方法
jQueryのclickを使って何かがクリックされたら処理をするようなコードを作成したとします。そのとき、セレクタが親子で同じ場合両方とも処理されてしまいます。複数取得できた場合は子要素だけ取得したいときの書き方を紹介します。 ちょっとどういう... -
jQuery(js)
jQueryでスマホ用の上からぬるっと出てくるメニューの作り方
ヘッダー部分にどのページを開いても表示されるメニューがあるサイトは多いと思います。僕のサンプル用のページもあるのですが、スマホで表示すると変に改行されてしまいます。PCで表示時がこちらです。これをスマホで開くとこうなります。これではださい... -
jQuery(js)
画像をクリックしたらモーダル画面で表示するjQueryを自作してみる
WEBページを見ているとき画像が小さくてよく見えないときありますよね?そんなときに、画像をクリックしたらモーダル画面で拡大されて表示されたら便利じゃないですか?モーダル画面(モーダルウィンドウ)は、操作が完了するまで親画面の操作を受け付けな... -
jQuery(js)
jQueryでサイドバーを追従させる方法
サイドバーって画面をスクロールさせていくと最後のほうは何も表示されなくなっちゃいますよね。せっかくスペースがあるなら常に何か表示させておきたいと思うものです。そこで今回は画面をスクロールするとサイドバーが固定表示されるものを作ってみまし... -
jQuery(js)
jQueryでサイドメニューを縦にスライドして折りたたみする方法
サイドバーって何か情報を載せ始めるとごちゃごちゃしてきて分かりづらくなりますよね。そこで折りたたんですっきり出来るようにしてみようと思います。【完成形のコード】HTML(サイドバー部分)<div id="sidebar"> <div class="sidetext"> ...










