现在需要使用checkbox进行两个复选框列表的联动显示,假如有两个复选框列表要显示两个结果集。
A复选框列表显示数组a:
[
{id:'1',name:'A'},
{id:'2',name:'B'},
{id:'3',name:'C'}
];
B复选框列表显示数组b:
[
{parentId:'1',childName:'a'},
{parentId:'1',childName:'b'},
{parentId:'2',childName:'c'},
{parentId:'2',childName:'d'},
{parentId:'3',childName:'e'}
];
Remarque : Le parentId dans le tableau b correspond à l'identifiant dans le tableau a
Imaginez maintenant que lorsque vous cliquez sur un élément dans la liste des cases à cocher A, la liste des cases à cocher B affichera l'enregistrement correspondant au parentId en fonction de la valeur id cochée dans la liste des cases à cocher A, et tous les enregistrements seront cochés par défaut.
Existe-t-il une bonne méthode ? Je suis un débutant, donc je ferais mieux d'avoir du code pour référence. Merci à tous !
Fournissez uniquement des idées
Écoutez l'événement de changement de A. Lorsque A change, obtenez sa valeur puis affichez le B correspondant.
Par défaut, tous les éléments de case à cocher de B ne sont pas affichés, display : aucun, et un attribut de données est lié à chaque case à cocher de B pour distinguer la valeur correspondante de A. Il suffit ensuite de modifier l'attribut d'affichage de la case à cocher correspondant à B lorsque A change.
Merci à tous les deux pour vos réponses, je publierai le code pour référence et communication si nécessaire