JavaScript - 緊急です!オンラインで待っています!チェックボックスリストの連携表示に問題はありませんか？

Question

リーリー リーリー

[

リーリー

];

リーリー

[

リーリー

];
注: 配列 b のparentId は、配列 a

の ID に対応します。

---

A チェックボックス リスト内の項目をクリックすると、B チェックボックス リストには、A チェックボックス リストでチェックされた ID 値に従って、parentId に対応するレコードが表示され、デフォルトですべてのレコードがチェックされます。 。

何か良い方法はありませんか? 初心者ですので、コードを参考にすると良いです。皆さん、ありがとうございます!

Answer 1

リーリー

Answer 2

アイデアのみを提供してください

A の変更イベントをリッスンします。A が変更されると、その値を取得し、対応する B を表示します。

デフォルトでは、B のすべてのチェックボックス要素は表示されず、display:none となり、A の対応する値を区別するためにデータ属性が B の各チェックボックスに関連付けられます。あとは、Aが変更されたときにBに対応するチェックボックスの表示属性を変更するだけです。

Answer 3

お二人のご回答ありがとうございます。必要に応じて、参照と連絡用にコードを投稿します。 リーリー