teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問フォームの確認画面でcheckboxとselectの値を取得したい

編集履歴

質問編集履歴

4

いただいた回答に合わせてhtmlの表記を統一

2018/03/01 08:08

投稿

junannko
junannko

スコア18

test CHANGED
File without changes
test CHANGED
@@ -32,6 +32,10 @@
32
32
 
33
33
  </div>
34
34
 
35
+
36
+
37
+ <span id="address01-value"></span>
38
+
35
39
  ```
36
40
 
37
41
  ```js
@@ -45,16 +49,6 @@
45
49
  $('#how-value').text($(this).val());
46
50
 
47
51
  });
48
-
49
- ```
50
-
51
- ```html
52
-
53
- <!--確認画面に吐き出されたソース-->
54
-
55
-
56
-
57
- <span id="address01-value"></span>
58
52
 
59
53
  ```
60
54
 
@@ -82,6 +76,10 @@
82
76
 
83
77
  </select>
84
78
 
79
+
80
+
81
+ <span id="how-value">チェック項目１</span>
82
+
85
83
  ```
86
84
 
87
85
  ```js
@@ -98,16 +96,6 @@
98
96
 
99
97
  ```
100
98
 
101
- ```html
102
-
103
- <!--確認画面に吐き出されたソース-->
104
-
105
-
106
-
107
- <span id="how-value">チェック項目１</span>
108
-
109
- ```
110
-
111
99
 
112
100
 
113
101
  selectの場合は、なにも表示されない状態です。

3

間違いを修正

2018/03/01 08:08

投稿

junannko
junannko

スコア18

test CHANGED
File without changes
test CHANGED
@@ -26,7 +26,7 @@
26
26
 
27
27
  <div class="aa-options aa-cf aa-options-block">
28
28
 
29
- <div class="aa-option"><input type="checkbox" name="aa_1_61[]" id="aa_1_61_b70d0c_1" class="aa-field aa-field-checkbox aa-field-1_61 aa-field-1_61_1" value="チェック項目１" selected="selected"><label for="aa_1_61_b70d0c_1" class="aa-option-label aa-option-label-1_61_1"><span class="aa-option-text">チェック項目１</span></label></div>
29
+ <div class="aa-option"><input type="checkbox" name="aa_1_61[]" id="aa_1_61_b70d0c_1" class="aa-field aa-field-checkbox aa-field-1_61 aa-field-1_61_1" value="チェック項目１"><label for="aa_1_61_b70d0c_1" class="aa-option-label aa-option-label-1_61_1"><span class="aa-option-text">チェック項目１</span></label></div>
30
30
 
31
31
  <div class="aa-option"><input type="checkbox" name="aa_1_61[]" id="aa_1_61_b70d0c_2" class="aa-field aa-field-checkbox aa-field-1_61 aa-field-1_61_2" value="チェック項目２"><label for="aa_1_61_b70d0c_2" class="aa-option-label aa-option-label-1_61_2"><span class="aa-option-text">チェック項目２</span></label></div>
32
32
 

2

ソースを修正

2018/03/01 06:04

投稿

junannko
junannko

スコア18

test CHANGED
File without changes
test CHANGED
@@ -26,7 +26,7 @@
26
26
 
27
27
  <div class="aa-options aa-cf aa-options-block">
28
28
 
29
- <div class="aa-option"><input type="checkbox" name="aa_1_61[]" id="aa_1_61_b70d0c_1" class="aa-field aa-field-checkbox aa-field-1_61 aa-field-1_61_1" value="チェック項目１"><label for="aa_1_61_b70d0c_1" class="aa-option-label aa-option-label-1_61_1"><span class="aa-option-text">チェック項目１</span></label></div>
29
+ <div class="aa-option"><input type="checkbox" name="aa_1_61[]" id="aa_1_61_b70d0c_1" class="aa-field aa-field-checkbox aa-field-1_61 aa-field-1_61_1" value="チェック項目１" selected="selected"><label for="aa_1_61_b70d0c_1" class="aa-option-label aa-option-label-1_61_1"><span class="aa-option-text">チェック項目１</span></label></div>
30
30
 
31
31
  <div class="aa-option"><input type="checkbox" name="aa_1_61[]" id="aa_1_61_b70d0c_2" class="aa-field aa-field-checkbox aa-field-1_61 aa-field-1_61_2" value="チェック項目２"><label for="aa_1_61_b70d0c_2" class="aa-option-label aa-option-label-1_61_2"><span class="aa-option-text">チェック項目２</span></label></div>
32
32
 

1

htmlを追加

2018/03/01 06:03

投稿

junannko
junannko

スコア18

test CHANGED
File without changes
test CHANGED
@@ -22,19 +22,43 @@
22
22
 
23
23
 
24
24
 
25
+ ```html
26
+
27
+ <div class="aa-options aa-cf aa-options-block">
28
+
29
+ <div class="aa-option"><input type="checkbox" name="aa_1_61[]" id="aa_1_61_b70d0c_1" class="aa-field aa-field-checkbox aa-field-1_61 aa-field-1_61_1" value="チェック項目１"><label for="aa_1_61_b70d0c_1" class="aa-option-label aa-option-label-1_61_1"><span class="aa-option-text">チェック項目１</span></label></div>
30
+
31
+ <div class="aa-option"><input type="checkbox" name="aa_1_61[]" id="aa_1_61_b70d0c_2" class="aa-field aa-field-checkbox aa-field-1_61 aa-field-1_61_2" value="チェック項目２"><label for="aa_1_61_b70d0c_2" class="aa-option-label aa-option-label-1_61_2"><span class="aa-option-text">チェック項目２</span></label></div>
32
+
33
+ </div>
34
+
25
35
  ```
36
+
37
+ ```js
26
38
 
27
39
  //checkboxのソース
28
40
 
29
41
 
30
42
 
31
- $('.quform-field-1_61').change(function () {
43
+ $('.aa-field-1_61').change(function () {
32
44
 
33
45
  $('#how-value').text($(this).val());
34
46
 
35
47
  });
36
48
 
37
49
  ```
50
+
51
+ ```html
52
+
53
+ <!--確認画面に吐き出されたソース-->
54
+
55
+
56
+
57
+ <span id="address01-value"></span>
58
+
59
+ ```
60
+
61
+
38
62
 
39
63
  checkboxの場合は、複数チェックを入れても先頭の１項目だけが表示されてしまいます。
40
64
 
@@ -48,19 +72,43 @@
48
72
 
49
73
 
50
74
 
75
+ ```html
76
+
77
+ <select id="aa_1_28_b70d0c" name="aa_1_28" class="aa-field aa-field-select aa-field-1_28">
78
+
79
+ <option value="東京都" selected="selected">東京都</option>
80
+
81
+ <option value="神奈川県">神奈川県</option>
82
+
83
+ </select>
84
+
51
85
  ```
86
+
87
+ ```js
52
88
 
53
89
  //selectのソース
54
90
 
55
91
 
56
92
 
57
- $('.quform-field-1_28').change(function () {
93
+ $('.aa-field-1_28').change(function () {
58
94
 
59
95
  $('#address01-value option:selected').text($(this).val());
60
96
 
61
97
  });
62
98
 
63
99
  ```
100
+
101
+ ```html
102
+
103
+ <!--確認画面に吐き出されたソース-->
104
+
105
+
106
+
107
+ <span id="how-value">チェック項目１</span>
108
+
109
+ ```
110
+
111
+
64
112
 
65
113
  selectの場合は、なにも表示されない状態です。
66
114