teratail
回答率
85.49%
質問するログイン新規登録
トップに関する質問取得したラジオボタン要素を処理後に再設定したい

編集履歴

質問編集履歴

5

誤字修正

2018/05/05 12:46

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -68,7 +68,7 @@
68
68
 
69
69
  ・各それぞれのアラートは0件の場合がある。
70
70
 
71
- ・from句はbodyから全体を囲む設定で他チーム共通の処理方式の為、ラジオボタン用などに個別設定は不可。
71
+ ・form句はbodyから全体を囲む設定です。
72
72
 
73
73
  ・タブ切替のjavascriptやhtmlは他チーム共通の処理方式の為、変更はしたくない。
74
74
 

4

文法の修正

2018/05/05 12:46

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -46,11 +46,11 @@
46
46
 
47
47
  タブ切替をした時に裏持ち選択しているような状態になってしまいました。
48
48
 
49
- ・そこで、取得したラジオボタン要素？を再設定しようとしましたがすることが出来ませんでした。
49
+ そこで、取得したラジオボタン要素？を再設定しようとしましたがすることが出来ませんでした。
50
-
50
+
51
- ------------------------------------------------
51
+ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
52
-
52
+
53
- jqueryにて以下の処理を実装したつもりだが、そもそも選択すら出来なくなりました。
53
+ jqueryにて以下の処理を実装（ラジオボタンクリア処理）をしたつもりだが、そもそも選択すら出来なくなりました。
54
54
 
55
55
  １．一旦現在選択ラジオボタンを退避させる。
56
56
 
@@ -58,7 +58,7 @@
58
58
 
59
59
  ３．退避させたラジオボタンを再設定する。
60
60
 
61
- ------------------------------------------------
61
+ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
62
62
 
63
63
 
64
64
 
@@ -68,7 +68,7 @@
68
68
 
69
69
  ・各それぞれのアラートは0件の場合がある。
70
70
 
71
- ・formの利用は不可。
71
+ ・from句はbodyから全体を囲む設定で他チーム共通の処理方式の為、ラジオボタン用などに個別設定は不可。
72
72
 
73
73
  ・タブ切替のjavascriptやhtmlは他チーム共通の処理方式の為、変更はしたくない。
74
74
 
@@ -90,6 +90,8 @@
90
90
 
91
91
  ### 該当のソースコード
92
92
 
93
+ コメントを<!-- -->にて入れていますが、動作しない場合は外してください。
94
+
93
95
 
94
96
 
95
97
  ■javascript (jquery)
@@ -162,6 +164,8 @@
162
164
 
163
165
  ```
164
166
 
167
+ <!--Aアラート一覧選択時のTAB表示-->
168
+
165
169
  <DIV id ="TAB_1">
166
170
 
167
171
  <TABLE width="241" cellpading="0">
@@ -190,6 +194,8 @@
190
194
 
191
195
  </DIV>
192
196
 
197
+ <!--Bアラート一覧選択時のTAB表示-->
198
+
193
199
  <DIV id ="TAB_2">
194
200
 
195
201
  <TABLE width="241" cellpading="0">
@@ -218,6 +224,8 @@
218
224
 
219
225
  </DIV>
220
226
 
227
+ <!--Aアラート一覧表-->
228
+
221
229
  <DIV id = "AREA_1">
222
230
 
223
231
  <TABLE>
@@ -244,6 +252,8 @@
244
252
 
245
253
  </DIV>
246
254
 
255
+ <!--Bアラート一覧表-->
256
+
247
257
  <DIV id = "AREA_2">
248
258
 
249
259
  <TABLE>
@@ -270,6 +280,8 @@
270
280
 
271
281
  </DIV>
272
282
 
283
+ <!--Cアラート一覧表-->
284
+
273
285
  <TABLE>
274
286
 
275
287
  <TR>

3

文法の修正

2018/05/05 12:42

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- ラジオボタンの制御方法について教えてください2
1
+ 取得したラジオボタン要素を処理後に再設定したい
test CHANGED
@@ -8,8 +8,6 @@
8
8
 
9
9
  HTML系経験の１~２か月しかなく、全くの初心者です。
10
10
 
11
- 文が長々となっていますが、処理内容としては単純なものだと思います。
12
-
13
11
 
14
12
 
15
13
  ■実現したい事
@@ -24,7 +22,7 @@
24
22
 
25
23
  〇ラジオボンタンの選択※（Bアラートの場合も）逆も同じ
26
24
 
27
- ・ラジオボタンはA表B表C表に関わらずラジオボタンの選択は一つのみ。(nameを同一にするなど)
25
+ ・ラジオボタンはA表B表C表に関わらずラジオボタンの選択は一つのみ。
28
26
 
29
27
  ・A表のラジオボタンを選択した場合には、C表で選択していたラジオボタンがクリアされるような処理。
30
28
 
@@ -40,29 +38,27 @@
40
38
 
41
39
 
42
40
 
43
- ■補足
44
-
45
- 影響があるか分かりませんが補足となります。
46
-
47
- 実際の表では以下の２点が追加内容として存在します。
48
-
49
- ・iteratorを利用して表示している表ですが、初期表示は20件まで表示し、
50
-
51
- リンク「次」を押下すると21～40件目が表示されます。
52
-
53
- ・C表はタブ切替によって裏にある表となります。（javascript利用でページ遷移はなし）
54
-
55
-
56
-
57
- ### 発生している問題・エラーメッセージ
41
+ ### 試した事、発生している問題（エラーメッセージ）
42
+
43
+
44
+
58
-
45
+ 各ラジオボタンのname属性を同じにし、ラジオボタンを一つしか選択できないようにましたが、
59
-
60
-
46
+
61
- ■問題
47
+ タブ切替をした時に裏持ち選択しているような状態になってしまいました。
62
-
48
+
63
- ・取得したラジオボタン要素？を再設定することが出来ない。
49
+ ・そこで、取得したラジオボタン要素？を再設定しようとしましたがすることが出来ませんでした。
50
+
64
-
51
+ ------------------------------------------------
52
+
65
- ・各ラジオボタンのname属性を同じにしましたが、タブ切替時に裏持ち選択しているような状態になってしまう。
53
+ jqueryにて以下の処理を実装したつもりだが、そもそも選択すら出来なくなりました。
54
+
55
+ １．一旦現在選択ラジオボタンを退避させる。
56
+
57
+ ２．ラジオボタンを全てクリア（チェックを外す）する。
58
+
59
+ ３．退避させたラジオボタンを再設定する。
60
+
61
+ ------------------------------------------------
66
62
 
67
63
 
68
64
 
@@ -80,6 +76,8 @@
80
76
 
81
77
 
82
78
 
79
+ （補足）
80
+
83
81
  javascriptでもnameをそれぞれ分け、値をべた書き判定していけば一応できましたが、
84
82
 
85
83
  滅茶苦茶長く汎用性皆無のものとなってしまいました。
@@ -296,18 +294,6 @@
296
294
 
297
295
  ```
298
296
 
299
- ### 試したこと
300
-
301
-
302
-
303
- ■試した事、考えた事
304
-
305
- １．一旦現在選択ラジオボタンを退避させる。
306
-
307
- ２．ラジオボタンを全てクリア（チェックを外す）する。
308
-
309
- ３．退避させたラジオボタンを再設定する。
310
-
311
297
 
312
298
 
313
299
  ### 補足情報（FW/ツールのバージョンなど）

2

文修正

2018/05/05 12:33

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  HTML系経験の１~２か月しかなく、全くの初心者です。
10
10
 
11
-
11
+ 文が長々となっていますが、処理内容としては単純なものだと思います。
12
12
 
13
13
 
14
14
 
@@ -24,6 +24,8 @@
24
24
 
25
25
  〇ラジオボンタンの選択※（Bアラートの場合も）逆も同じ
26
26
 
27
+ ・ラジオボタンはA表B表C表に関わらずラジオボタンの選択は一つのみ。(nameを同一にするなど)
28
+
27
29
  ・A表のラジオボタンを選択した場合には、C表で選択していたラジオボタンがクリアされるような処理。
28
30
 
29
31
 

1

誤字、文一部修正

2018/05/05 06:21

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -34,6 +34,8 @@
34
34
 
35
35
  ・Cアラートを選択した状態で「Bアラート一覧TAB」に切り替えた時にはクリア処理なし。
36
36
 
37
+ （CアラートはTAB切り替えの対象外の為）
38
+
37
39
 
38
40
 
39
41
  ■補足
@@ -166,7 +168,7 @@
166
168
 
167
169
  <TR>
168
170
 
169
- <TD width="120" bgcolor="#c0c0c0" align="center" style="border-bottom:hidden" rowspan="2"><B>Aアラート</B></TD>
171
+ <TD width="120" bgcolor="#c0c0c0" align="center" style="border-bottom:hidden" rowspan="2"><B>Aアラート一覧</B></TD>
170
172
 
171
173
  <TD widh="1">&nbsp;</TD>
172
174
 
@@ -178,7 +180,7 @@
178
180
 
179
181
  <TD widh="2">&nbsp;</TD>
180
182
 
181
- <TD width="120" bgcolor="#696969" style="border-bottom:hidden" align="center" onclick="chgDisp(1);"><B>Bアラート</B></TD>
183
+ <TD width="120" bgcolor="#696969" style="border-bottom:hidden" align="center" onclick="chgDisp(1);"><B>Bアラート一覧</B></TD>
182
184
 
183
185
  <TD>&nbsp;</TD>
184
186
 
@@ -198,13 +200,13 @@
198
200
 
199
201
  <TD widh="2">&nbsp;</TD>
200
202
 
201
- <TD width="120" bgcolor="#c0c0c0" align="center" style="border-bottom:hidden" rowspan="2"><B>Bアラート</B></TD>
203
+ <TD width="120" bgcolor="#c0c0c0" align="center" style="border-bottom:hidden" rowspan="2"><B>Bアラート一覧</B></TD>
202
204
 
203
205
  </TR>
204
206
 
205
207
  <TR hight ="24">
206
208
 
207
- <TD width="120" bgcolor="#696969" style="border-bottom:hidden" align="center" onclick="chgDisp(2);"><B>Aアラート</B></TD>
209
+ <TD width="120" bgcolor="#696969" style="border-bottom:hidden" align="center" onclick="chgDisp(2);"><B>Aアラート一覧</B></TD>
208
210
 
209
211
  <TD widh="1">&nbsp;</TD>
210
212