前提・実現したいこと
■前提
現在現場にてWebアプリを作成しています。
HTML系経験の1~2か月しかなく、全くの初心者です。
■実現したい事
WebアプリのページをJSPにて作成しています。
iteratorを利用した一覧表が三つ存在します。
その三つの表にはそれぞれラジオボタンが存在します。
〇ラジオボンタンの選択※(Bアラートの場合も)逆も同じ
・ラジオボタンはA表B表C表に関わらずラジオボタンの選択は一つのみ。
・A表のラジオボタンを選択した場合には、C表で選択していたラジオボタンがクリアされるような処理。
〇TAB切替時の処理として※(Bアラートの場合も)逆も同じ
・Aアラートを選択した状態で「Bアラート一覧TAB」に切り替えた時にはAアラートのラジオボタンをクリア。
・Cアラートを選択した状態で「Bアラート一覧TAB」に切り替えた時にはクリア処理なし。
(CアラートはTAB切り替えの対象外の為)
試した事、発生している問題(エラーメッセージ)
■試したこと
①各表の各ラジオボタンのname属性を同一にした。
タブ切替をした時に裏持ち選択しているような状態になってしまいました。
(裏持ち選択はさせたくない)
②jqueryにて以下の処理を実装(ソース参照)
→そもそも選択すら出来なくなりました。
1.一旦現在選択ラジオボタンを退避させる。
2.ラジオボタンを全てクリア(チェックを外す)する。
3.退避させたラジオボタンを再設定する。
■※注意点
・strutsのiteratorタグを利用して繰り返し表示処理をしているため、IDの付与は不可。
・各それぞれのアラートは0件の場合がある。
・タブ切替のjavascriptやhtmlは他チーム共通の処理方式の為、変更はしたくない。
・DIVタグを追加することはなるべくしたくない(最悪問題なし)
■(補足)
現在はjqueryで模索しておりますが、
javaScriptでも実現可能であればご教授頂きたく願います。
該当のソースコード
※ソースコードについては以下をご確認ください。
作成ソースコード:https://jsfiddle.net/SiRO4t6a/do2wb9qu/
回答1件
あなたの回答
tips
プレビュー