質問編集履歴

3 削除

yanyi

yanyi score 12

2016/08/30 23:23  投稿

jqueryでチェックボックスの操作に関する質問です。
誤った投稿であるため削除します。
質問が2点あります。
現状
画面に表示するtr行とth列が複数あり、仮にth列が10個あるとして、自分はその10個のthにclass(th1、th2...)を付与し、ページ上部に10個のチェックボックスをも設置し、classを付与します(th1box,th2box...)。
そして一つの「状態更新」のボタンを作り、それをクリックする度に、th1box,th2box...にチェックが入っているかどうかを確認し、それに合わせてth1、th2をshowしたりhideしたりしています。
大体こんな感じ(帰宅したら作業用のパソコンに触れないため記憶です)
$('.状態更新ボタンのクラス').click(function() {
if($('.th1box').prop("checked"){$('.th1').show()}else{$('.th1').hide()}
if($('.th2box').prop("checked"){$('.th2').show()}else{$('.th2').hide()}
.
.
.
if($('.th10box').prop("checked"){$('.th10').show()}else{$('.th10').hide()}})
-----------------------------------
そして、このthの表示管理は上手く機能していますが、もっとアップグレードをするために幾つかお尋ねしたいことがあります
1:今の状態はチェックボックスにチェックを入れ→状態更新ボタンを押すという順番ですが、後半を省いて、チェックボックスにチェックを入れたとたんに対応するthがshowしたりhideしたりすることはできないでしょうか。
2:このページは一応検索システムですが、検索をする度に、チェックボックスの状態がリセットされます。なんとかして検索してもチェックボックスはリセットされないようにしたいのですが、どうしたらよいでしょうか。今のシステムを見る限り、検索欄に入力したワードはsubmitしてページを更新しても検索欄の中に保留されており、つまり「何らかの形でページ内要素の状態を保持することは可能」だと私が勝手に思っていますが、果たしてできますでしょうか。
よろしくお願いします。
-------------------------------------
今は自宅で自分のパソコンですが、作業用のパソコンはインターネットに繋がっていないので、もし助言を頂いて解決したら翌日のこの時間あたりに更新しに来ます...
誤った投稿であるため削除させていただきます。ご迷惑をおかけして申し訳ありません。
  • jQuery

    12456 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

2 誤字の修正

yanyi

yanyi score 12

2016/05/31 00:02  投稿

jqueryでチェックボックスの操作に関する質問です。
質問が2点あります。
現状
画面に表示するtr行とth列が複数あり、仮にth列が10個あるとして、自分はその10個のthにclass(th1、th2...)を付与し、ページ上部に10個のチェックボックスをも設置し、classを付与します(th1box,th2box...)。
そして一つの「状態更新」のボタンを作り、それをクリックする度に、th1box,th2box...にチェックが入っているかどうかを確認し、それに合わせてth1、th2をshowしたりhideしたりしています。
大体こんな感じ(帰宅したら作業用のパソコンに触れないため記憶です)
$('.状態更新ボタンのクラス').click(function() {
if($('.th1box').prop("checked"){$('.th1').show()}else{$('.th1').hide()}
if($('.th2box').prop("checked"){$('.th2').show()}else{$('.th2').hide()}
.
.
.
if($('.th10box').prop("checked"){$('.th10').show()}else{$('.th10').hide()}})
-----------------------------------
そして、このthの表示管理は上手く機能していますが、もっとアップグレードをするために幾つかお尋ねしたいことがあります
1:今の状態はチェックボックスにチェックを入れ→状態更新ボタンを押すという順番ですが、後半を省いて、チェックボックスにチェックを入れたとたんに対応するthがshowしたりhideしたりすることはできないでしょうか。
2:このページは一応検索システムですが、検索をする度に、チェックボックスの状態がリセットされます。なんとかして検索してもチェックボックスはリセットされないようにしたいのですが、どうしたらよいでしょうか。今のシステムを見る限り、検索欄に入力したワードはsubmitしてページを更新しても検索欄の中に保留されており、つまり「何らかの形でページ内要素の状態を保持することは可能」だと私が勝手に思っていますが、果たしてできますでしょうか。
1:今の状態はチェックボックスにチェックを入れ→状態更新ボタンを押すという順番ですが、後半を省いて、チェックボックスにチェックを入れたとたんに対応するthがshowしたりhideしたりすることはできないでしょうか。
2:このページは一応検索システムですが、検索をする度に、チェックボックスの状態がリセットされます。なんとかして検索してもチェックボックスはリセットされないようにしたいのですが、どうしたらよいでしょうか。今のシステムを見る限り、検索欄に入力したワードはsubmitしてページを更新しても検索欄の中に保留されており、つまり「何らかの形でページ内要素の状態を保持することは可能」だと私が勝手に思っていますが、果たしてできますでしょうか。
よろしくお願いします。
-------------------------------------
今は自宅で自分のパソコンですが、作業用のパソコンはインターネットに繋がっていないので、もし助言を頂いて解決したら翌日のこの時間あたりに更新しに来ます...
  • jQuery

    12456 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

1 字の大きさを直しただけです。

yanyi

yanyi score 12

2016/05/31 00:01  投稿

jqueryでチェックボックスの操作に関する質問です。
質問が2点あります。
現状
画面に表示するtr行とth列が複数あり、仮にth列が10個あるとして、自分はその10個のthにclass(th1、th2...)を付与し、ページ上部に10個のチェックボックスをも設置し、classを付与します(th1box,th2box...)。
そして一つの「状態更新」のボタンを作り、それをクリックする度に、th1box,th2box...にチェックが入っているかどうかを確認し、それに合わせてth1、th2をshowしたりhideしたりしています。
大体こんな感じ(帰宅したら作業用のパソコンに触れないため記憶です)
$('.状態更新ボタンのクラス').click(function() {
if($('.th1box').prop("checked"){$('.th1').show()}else{$('.th1').hide()}
if($('.th2box').prop("checked"){$('.th2').show()}else{$('.th2').hide()}
.
.
.
if($('.th10box').prop("checked"){$('.th10').show()}else{$('.th10').hide()}})
 
-----------------------------------
そして、このthの表示管理は上手く機能していますが、もっとアップグレードをするために幾つかお尋ねしたいことがあります
1:今の状態はチェックボックスにチェックを入れ→状態更新ボタンを押すという順番ですが、後半を省いて、チェックボックスにチェックを入れたとたんに対応するthがshowしたりhideしたりすることはできないでしょうか。
2:このページは一応検索システムですが、検索をする度に、チェックボックスの状態がリセットされます。なんとかして検索してもチェックボックスはリセットされないようにしたいのですが、どうしたらよいでしょうか。今のシステムを見る限り、検索欄に入力したワードはsubmitしてページを更新しても検索欄の中に保留されており、つまり「何らかの形でページ内要素の状態を保持することは可能」だと私が勝手に思っていますが、果たしてできますでしょうか。
-------------------------------------
今は自宅で自分のパソコンですが、作業用のパソコンはインターネットに繋がっていないので、もし助言を頂いて解決したら翌日のこの時間あたりに更新しに来ます...
2:このページは一応検索システムですが、検索をする度に、チェックボックスの状態がリセットされます。なんとかして検索してもチェックボックスはリセットされないようにしたいのですが、どうしたらよいでしょうか。今のシステムを見る限り、検索欄に入力したワードはsubmitしてページを更新しても検索欄の中に保留されており、つまり「何らかの形でページ内要素の状態を保持することは可能」だと私が勝手に思っていますが、果たしてできますでしょうか。
-------------------------------------
今は自宅で自分のパソコンですが、作業用のパソコンはインターネットに繋がっていないので、もし助言を頂いて解決したら翌日のこの時間あたりに更新しに来ます...
  • jQuery

    12456 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る