【Javascript】Objectで埋め込んだhtmlとの連動

Javascript初心者です。
可否を含めご教示いただけましたら幸いです。

画像のように、[A]の <div>内のチェックボックスの結果を、
[B]の<object>で埋め込んだhtmlに、チェックボックスの結果を
連動させる事は可能でしょうか。

可能な場合は、どの様な方法が考えられますでしょうか。

どうぞよろしくお願いいたします。

No.1 回答者： fujillin 回答日時： 2021/09/16 11:17

こんにちは

どのような構成になっているのか不明なので、はっきりとはしませんけれど・・・

＞[B]の<object>で埋め込んだhtmlに～
「objectで埋め込まれた」内容がどのようになっているのかわかりませんが、画像などのようなものであれば、チェック有/無の全てを用意しておいて画像を差し替えるか、あるいは、ボックスの位置を狙って「レ」マークを重ねて表示するなどといった方法になってしまいそうです。
（できないことはないけれど、少々面倒ですね）

通常のDOM要素であるなら、普通にスクリプトで連動させることは可能でしょう。

>可能な場合は、どの様な方法が考えられますでしょうか。
changeイベントなどで変更を取得して、（同じ順序であるなら）同じところのチェック状態を合わせれば良いだけ。
常にA→Bの一方通行なら、一つだけ選別しなくても、Bを全部Aに合わせてしまうという処理でも良いのかもしれません。
（どのようなUIにしたいのかによっても、若干方法は変わるでしょう）