【jquery】テーブルを検索して合致するセルをハイライト

テーブルのセルの文字列を検索して、合致したセルの背景色を変えるサンプルです。 ブラウザの検索とほぼ同じ機能なので、あまり使わないかもしれませんが。。 jqueryの勉強も兼ねているので・・・ということでサンプルです。 サンプルは、 テキストボックスに検索したい文字を...

【jquery】jqueryを使ってテーブルの縦列を結合する

テーブルの縦列で同じデータがあった場合、結合(rowspan)するサンプルです。 同じデータは順番に並んでいる必要があり、このサンプルは一番左の縦列のみ結合します。 今回は縦バージョンですが、横バージョンもいずれ。。。 HTMLのサンプル 関東 東京 ...

【jquery】jqueryを使ってページ内遷移させる（animate）

jqueryのanimateを使ってページ内遷移をさせてみようと思います。 aタグ（＜a href="#page1"＞）を使ったサンプルはよくみるのですが、 ここではaタグを使わずに試してみます。 サンプルページはこちら HTMLのサンプル ...

【jquery】セレクタで前方一致と後方一致

jqueryを使ってとあるエレメントにセレクタを使ってアクセスする際に、 前方一致と後方一致をよく使うので、おぼえがき。 上記のような2種類のテキストボックスがあった場合、 下記のようなコードで前方一致と後方一致が出来ます。 $(document).on(&quo...

【CSS】HTMLのテキストボックスをラベルのように

HTMLのテキストボックスをラベルのような見た目に変更する方法を紹介します。 ここではラベルとは、入力できない編集不可の項目をさしてます。 テキストボックスで作られた項目が仕様変更などにより編集不可になった場合、 disabledやreadonly、ラベルなど色々方法...

【jquery】複数のチェックボックスを同期する

複数のチェックボックスが画面上にあり、 ひとつをチェックすると他のチェックボックスもONにしたいときとか。 HTML ①チェックボックス ②チェックボックス JavaScript //チェックボックスの同期 $(document).on("cha...

【jquery】jqueryでラジオボタンのチェック状態を設定

jqueryでラジオボタンをチェック状態にするサンプルです。 こんなラジオボタンがあった場合 男 女 function btcheck() { if ($('input[name="sex"]:checked').val(...