<table>タグ内の<tr>を画面上動的に追加するjQueryサンプルコードです。 テーブル部の実装は以下の通り。 （追加データを入力する行を敢えて別テーブルに出してみました） jQuery側は以下の通りです。 ポイントは行追加しても削除リンクやリストチェックチェックのイベ</tr></table>…

意外と色々と実装方法がありそうですが ひとまずこんな感じでいかがでしょうか。 ポイントはoptionを入れ替えるfunctionを共通化している所なんですが 共通化したことによって引数が少し多めになっています。 function placeSelectOptions($this, $child, $g…

よくある"一覧表示リストに並んでいるチェックボックスを一括でon/off制御するコードです"。 一斉チェックとも言いますね。 リストのチェックボックスには class="list-check" をあてて それをコントロールするチェックボックスには class="check-all" をあ…

いきなり第2回目にしてサンプルが長いですが 今回はコピペして単一のhtmlで動くようになっています。 ※ jQueryライブラリのロードはCDNから取得しているのでネット環境は必須です。 気になる方はjQueryのモジュールを落としてきて111行目を書き換えて下さい…

シンプルに書くと $('input, textarea, select').eq(0).focus(); です。 eq(0) で取得した入力要素達のなかから最初のものを取り出して、focus()を呼びます。 ただstyle="display:none;"やdisabledやreadonlyを除きたい場合はちょっと複雑ですが $('input:en…