teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問チェックした順番をcookieに保存したい

編集履歴

質問編集履歴

9

誤字

2018/04/01 16:04

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -318,4 +318,4 @@
318
318
  ```
319
319
  長くなってすみません。ヒントだけでも嬉しいです。
320
320
  どうぞよろしくお願い致します。
321
- ちなみにチェックボックスは３００個ほどあります。。
321
+ ちなみにチェックボックスは３００個ほどあります。

8

誤字

2018/04/01 16:04

投稿

退会済みユーザー
title CHANGED
@@ -1,1 +1,1 @@
1
- チェックした順番もcookieに保存したい
1
+ チェックした順番をcookieに保存したい
body CHANGED
File without changes

7

誤字

2018/03/31 18:32

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -6,10 +6,12 @@
6
6
  ###【現状】
7
7
  チェックした項目が左列の位置に追加されるテーブルがあり、cookie保存もできます。
8
8
 
9
- しかし、現状で保存されるのは「チェックの有無」だけなので、「列の位置」を次回訪問時に復元できません。なので困ったことに、
9
+ しかし、現状で保存されるのは「チェックの有無」だけ。
10
10
 
11
- 追加項目はHTML構造の位置に行ってしまうのです。
11
+ なので、せっかく左列に追加したハズの「列の位置」は次回訪問時に復元できません。
12
12
 
13
+ つまり、次回訪問時には、追加項目が「HTML構造の位置」に行ってしまうのです。
14
+
13
15
  ![イメージ説明](e7753069a7dc93f32ecc022d20c96ff2.jpeg)
14
16
  そんなわけで、チェックした順番も保存できれば「列の位置」も復元されるのかな？と思い、上述の目的に至った次第です。
15
17
 

6

誤字

2018/03/31 08:23

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -4,14 +4,14 @@
4
4
  なぜ順番が必要かと言いますと…
5
5
 
6
6
  ###【現状】
7
- チェック項目が左列に追加されるテーブルがあり、cookie保存もできます。
7
+ チェックした項目が左列の位置に追加されるテーブルがあり、cookie保存もできます。
8
8
 
9
- しかし、保存されるのは「チェックの有無」だけなので、「列の位置」を次回訪問時に活かせず、
9
+ しかし、現状で保存されるのは「チェックの有無」だけなので、「列の位置」を次回訪問時に復元できません。なので困ったことに、
10
10
 
11
- 追加項目をその位置で復元できず、HTML構造の位置に行ってしまうのです。
11
+ 追加項目はHTML構造の位置に行ってしまうのです。
12
12
 
13
13
  ![イメージ説明](e7753069a7dc93f32ecc022d20c96ff2.jpeg)
14
- そんなわけで、順番も保存できれば「列の位置」も復元されるのかな？と思い、上述の目的に至った次第です。
14
+ そんなわけで、チェックした順番も保存できれば「列の位置」も復元されるのかな？と思い、上述の目的に至った次第です。
15
15
 
16
16
  以下、現状のサンプルです。
17
17
 

5

誤字

2018/03/31 07:34

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,15 +1,19 @@
1
1
  ###【目的】
2
- チェックした順番もcookieに保存したいと思っているのですけれど、そのような方法をご教示頂けませんでしょうか？
2
+ チェックした順番もcookieに保存したいのですけれど、そのような方法をご教示頂けませんでしょうか？
3
3
 
4
+ なぜ順番が必要かと言いますと…
5
+
4
6
  ###【現状】
5
7
  チェック項目が左列に追加されるテーブルがあり、cookie保存もできます。
6
8
 
7
9
  しかし、保存されるのは「チェックの有無」だけなので、「列の位置」を次回訪問時に活かせず、
8
10
 
9
- 追加された項目はHTML構造の位置に行ってしまうのです。
11
+ 追加項目をその位置で復元できず、HTML構造の位置に行ってしまうのです。
10
12
 
11
13
  ![イメージ説明](e7753069a7dc93f32ecc022d20c96ff2.jpeg)
14
+ そんなわけで、順番も保存できれば「列の位置」も復元されるのかな？と思い、上述の目的に至った次第です。
12
15
 
16
+ 以下、現状のサンプルです。
13
17
 
14
18
  ###【サンプル】
15
19
  ▼動くサンプル
@@ -310,5 +314,6 @@
310
314
 
311
315
 
312
316
  ```
313
- 長くなってすみません。よろしくお願い致します。
317
+ 長くなってすみません。ヒントだけでも嬉しいです。
318
+ どうぞよろしくお願い致します。
314
319
  ちなみにチェックボックスは３００個ほどあります。。

4

誤字

2018/03/31 07:31

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -98,8 +98,9 @@
98
98
 
99
99
  ```javascript
100
100
  //////////////////////////////////
101
- ////ライブラリ「jquery.cookie.js」の中身全部
101
+ ////Cookie保存機能
102
102
 
103
+ //ライブラリ「jquery.cookie.js」の中身
103
104
  (function($){
104
105
  (function (factory) {
105
106
  if (typeof define === 'function' && define.amd) {
@@ -211,10 +212,7 @@
211
212
  })(jQuery);
212
213
 
213
214
 
214
-
215
- //////////////////////////////////
216
- ////Cookie保存
215
+ //ライブラリ「jquery.cookie.js」の利用
217
-
218
216
  (function($){
219
217
  $(function(){
220
218
  if($.cookie("chk_day_selected_value")){
@@ -240,10 +238,9 @@
240
238
 
241
239
 
242
240
  //////////////////////////////////
243
- ////チェックボックス
241
+ ////チェックボックスによる表示切替機能
244
242
 
245
-
246
- //チェックボックス_保存クリック歴がない場合は123にチェックを入れておく
243
+ //保存クリック歴がない場合は123にチェックを入れておく
247
244
  (function($){
248
245
  if($.cookie("access") == undefined) {
249
246
  $("#1, #3, #3").prop("checked", true);
@@ -251,7 +248,7 @@
251
248
  })(jQuery);
252
249
 
253
250
 
254
- //チェックボックス_cookie読み込み時の表示
251
+ //cookie読み込み時の表示
255
252
  (function($){
256
253
  $(document).ready(function () {
257
254
 
@@ -288,7 +285,7 @@
288
285
  })
289
286
  })(jQuery);
290
287
 
291
- //チェックボックス_選択時の追加
288
+ //選択時に項目追加
292
289
  (function($){
293
290
 
294
291
  $('input[name="chk_day"]').change(function(event) {
@@ -311,4 +308,7 @@
311
308
 
312
309
  })(jQuery);
313
310
 
311
+
314
- ```
312
+ ```
313
+ 長くなってすみません。よろしくお願い致します。
314
+ ちなみにチェックボックスは３００個ほどあります。。

3

誤字

2018/03/30 21:39

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -21,15 +21,20 @@
21
21
  <div>
22
22
  <div class="check-wrap">
23
23
  <label for="1">
24
- <input id="1" class="check" type="checkbox" name="chk_day" value="1">1</label>
24
+ <input id="1" class="check" type="checkbox" name="chk_day" value="1">1
25
+ </label>
25
26
  <label for="2">
26
- <input id="2" class="check" type="checkbox" name="chk_day" value="2">2</label>
27
+ <input id="2" class="check" type="checkbox" name="chk_day" value="2">2
28
+ </label>
27
29
  <label for="3">
28
- <input id="3" class="check" type="checkbox" name="chk_day" value="3">3</label>
30
+ <input id="3" class="check" type="checkbox" name="chk_day" value="3">3
31
+ </label>
29
32
  <label for="4">
30
- <input id="4" class="check" type="checkbox" name="chk_day" value="4">4</label>
33
+ <input id="4" class="check" type="checkbox" name="chk_day" value="4">4
34
+ </label>
31
35
  <label for="5">
32
- <input id="5" class="check" type="checkbox" name="chk_day" value="5">5</label>
36
+ <input id="5" class="check" type="checkbox" name="chk_day" value="5">5
37
+ </label>
33
38
  </div>
34
39
  <div class="save">保存</div>
35
40
  </div>

2

誤字

2018/03/30 21:35

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -20,11 +20,16 @@
20
20
  <!-- チェック項目 -->
21
21
  <div>
22
22
  <div class="check-wrap">
23
+ <label for="1">
23
- <label for="1"><input id="1" class="check" type="checkbox" name="chk_day" value="1">1</label>
24
+ <input id="1" class="check" type="checkbox" name="chk_day" value="1">1</label>
25
+ <label for="2">
24
- <label for="2"><input id="2" class="check" type="checkbox" name="chk_day" value="2">2</label>
26
+ <input id="2" class="check" type="checkbox" name="chk_day" value="2">2</label>
27
+ <label for="3">
25
- <label for="3"><input id="3" class="check" type="checkbox" name="chk_day" value="3">3</label>
28
+ <input id="3" class="check" type="checkbox" name="chk_day" value="3">3</label>
29
+ <label for="4">
26
- <label for="4"><input id="4" class="check" type="checkbox" name="chk_day" value="4">4</label>
30
+ <input id="4" class="check" type="checkbox" name="chk_day" value="4">4</label>
31
+ <label for="5">
27
- <label for="5"><input id="5" class="check" type="checkbox" name="chk_day" value="5">5</label>
32
+ <input id="5" class="check" type="checkbox" name="chk_day" value="5">5</label>
28
33
  </div>
29
34
  <div class="save">保存</div>
30
35
  </div>

1

誤字

2018/03/30 21:33

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -21,8 +21,8 @@
21
21
  <div>
22
22
  <div class="check-wrap">
23
23
  <label for="1"><input id="1" class="check" type="checkbox" name="chk_day" value="1">1</label>
24
- <label for="2"><input id="2" class="check" type="checkbox" name="chk_day" value="2" checked>2</label>
24
+ <label for="2"><input id="2" class="check" type="checkbox" name="chk_day" value="2">2</label>
25
- <label for="3"><input id="3" class="check" type="checkbox" name="chk_day" value="3" checked>3</label>
25
+ <label for="3"><input id="3" class="check" type="checkbox" name="chk_day" value="3">3</label>
26
26
  <label for="4"><input id="4" class="check" type="checkbox" name="chk_day" value="4">4</label>
27
27
  <label for="5"><input id="5" class="check" type="checkbox" name="chk_day" value="5">5</label>
28
28
  </div>