質問編集履歴

3

やりたいことを整理

2018/06/04 11:56

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -1,18 +1,26 @@
1
1
  ## やりたいこと
2
2
 
3
- selectで『済』を選んだ場合、
3
+ selectで『済』を選んだ場合、にcssを追加します。
4
-
4
+
5
+
6
+
5
- ・そのセルの背景色
7
+ a) selectあるセルの背景色
6
-
8
+
7
- selectの背景色
9
+ b) aのselectの背景色
8
-
10
+
9
- ・そのセルのinputの背景色
11
+ c) aのセルのinputの背景色
10
-
12
+
11
- その右隣のセルのinputの背景色 ただし工程2の場合のみ
13
+ d) その右隣のセルのinputの背景色 ただし工程2の場合のみ
12
-
14
+
15
+
16
+
13
- すべての背景色を赤に変更
17
+ 工程1と3selectを『済』に変更した場合は、aからcの背景色を赤に変更
18
+
14
-
19
+ 工程1と3selectを『未処理』に変更した場合は、aからcの背景色をホワイトに変更
20
+
21
+ 工程2場合、selectを『済』に変更した場合は、aからdすべての背景色を赤
22
+
15
- もし、selectを『未処理』に戻した場合は、上記4箇所すべての背景色をホワイトに変更
23
+ 工程2場合、selectを『未処理』に戻した場合は、aからdすべての背景色をホワイト
16
24
 
17
25
 
18
26
 
@@ -226,7 +234,7 @@
226
234
 
227
235
  $(this).css("background", parseInt($(this).val()) === 1 ? "red" : "white");
228
236
 
229
- $(this).parent('td').next('td').css("background", parseInt($(this).val()) === 1 ? "red" : "white");
237
+   $(this).parent('td').next('td').css("background", parseInt($(this).val()) === 1 ? "red" : "white");
230
238
 
231
239
  });
232
240
 
@@ -261,3 +269,5 @@
261
269
  $(this).parent().find("[name^=sub]").css("background", parseInt($(this).val()) === 1 ? "red" : "white");
262
270
 
263
271
  ```
272
+
273
+ その結果、工程2selectのあるセルのinputの背景色は変更された

2

やってみたことを追加

2018/06/04 11:56

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
 
18
18
 
19
- ## やってみたこと
19
+ ## やってみたこと
20
20
 
21
21
  ```HTML
22
22
 
@@ -251,3 +251,13 @@
251
251
  コード
252
252
 
253
253
  ```
254
+
255
+
256
+
257
+ ## やってみたこと2
258
+
259
+ ```HTML
260
+
261
+ $(this).parent().find("[name^=sub]").css("background", parseInt($(this).val()) === 1 ? "red" : "white");
262
+
263
+ ```

1

HTML修正

2018/06/04 10:07

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  ・そのセルのinputの背景色
10
10
 
11
- ・その右隣のセルのinputの背景色
11
+ ・その右隣のセルのinputの背景色 ただし工程2の場合のみ
12
12
 
13
13
  すべての背景色を赤に変更
14
14
 
@@ -30,7 +30,7 @@
30
30
 
31
31
  </td>
32
32
 
33
- <td>
33
+ <td colspan="2">
34
34
 
35
35
    工程1:野菜を切る
36
36
 
@@ -48,12 +48,6 @@
48
48
 
49
49
  <td>
50
50
 
51
- <input type="text" name="comment1[0]">
52
-
53
- <td>
54
-
55
- <td>
56
-
57
51
    工程2:材料を炒める
58
52
 
59
53
  <select name="status2[0]" class="sts2">
@@ -74,7 +68,7 @@
74
68
 
75
69
  <td>
76
70
 
77
- <td>
71
+ <td colspan="2">
78
72
 
79
73
  工程3:器に盛りつける
80
74
 
@@ -90,12 +84,6 @@
90
84
 
91
85
  </td>
92
86
 
93
- <td>
94
-
95
- <input type="text" name="comment3[0]" class="cmt">
96
-
97
- </td>
98
-
99
87
  </tr>
100
88
 
101
89
  <tr>
@@ -106,7 +94,7 @@
106
94
 
107
95
  </td>
108
96
 
109
- <td>
97
+ <td colspan="2">
110
98
 
111
99
    工程1:野菜を切る
112
100
 
@@ -124,12 +112,6 @@
124
112
 
125
113
  <td>
126
114
 
127
- <input type="text" name="comment1[1]" class="cmt">
128
-
129
- </td>
130
-
131
- <td>
132
-
133
115
    工程2:材料を炒める
134
116
 
135
117
  <select name="status2[1]" class="sts2">
@@ -150,7 +132,7 @@
150
132
 
151
133
  </td>
152
134
 
153
- <td>
135
+ <td colspan="2">
154
136
 
155
137
  工程3:器に盛りつける
156
138
 
@@ -166,12 +148,6 @@
166
148
 
167
149
  </td>
168
150
 
169
- <td>
170
-
171
- <input type="text" name="comment3[1]" class="cmt">
172
-
173
- </td>
174
-
175
151
  </tr>
176
152
 
177
153
  <tr>
@@ -182,7 +158,7 @@
182
158
 
183
159
  </td>
184
160
 
185
- <td>
161
+ <td colspan="2">
186
162
 
187
163
    工程1:野菜を切る
188
164
 
@@ -200,12 +176,6 @@
200
176
 
201
177
  <td>
202
178
 
203
- <input type="text" name="comment1[2]" class="cmt">
204
-
205
- </td>
206
-
207
- <td>
208
-
209
179
    工程2:材料を炒める
210
180
 
211
181
  <select name="status2[2]" class="sts2">
@@ -226,7 +196,7 @@
226
196
 
227
197
  </td>
228
198
 
229
- <td>
199
+ <td colspan="2">
230
200
 
231
201
  工程3:器に盛りつける
232
202
 
@@ -242,12 +212,6 @@
242
212
 
243
213
  </td>
244
214
 
245
- <td>
246
-
247
- <input type="text" name="comment3[2]" class="cmt">
248
-
249
- </td>
250
-
251
215
  </tr>
252
216
 
253
217
  </table>