2014年12月7日日曜日

【JavaScript】JQueryをつかってcheckboxをまとめてつける「全部チェック」「全部チェックはずす」機能

 複数行あるテーブルで、先頭にチェックボックスをつけて、処理したい行にチェックをいれて「まとめて削除」とか「まとめて送信」とかするインターフェースがある。1つ1つチェックするのも大変なので「全部チェック」「全部チェックはずす」などの機能がほしくなる。
 JSでやるんだけど、毎回はまるのでメモ。各inputのcheckboxをJSでon/offには下記のようにpropを使う。




まとめてチェック

  • ABC

  • LMN

  • XYZ






まとめてチェック

  • ABC

  • LMN

  • XYZ

0 件のコメント:

コメントを投稿