メン醤のjQuery workshop

jQueryの小技などのサンプルをコード例として紹介するブログです。ネイティブJavaScriptから移行したいjQuery初心者向け、jQueryの魅力を知ってもらえたら。

2015-11-01から1ヶ月間の記事一覧

テーブルの行を動的に追加する

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

jQueryでセレクトボックスの親・子・孫を入れ替え制御

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

jQueryでチェックボックスの一括チェックオン/オフを制御する

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