AEM 6.4 –根据复选框选择切换对话框字段

Question

在AEM 6.3（coral-2）中，我们具有自定义的javascript代码[clientlib]，该代码用于基于复选框单击来切换对话框字段。现在，我们已经升级到6.4.3，并将所有对话框都转换为coral-3，并且功能现在停止工作。我已经获得了OOTB“列表组件”的引用，但是对于基于下拉列表的切换，我需要基于复选框的切换。这是复选框的资源类型-granite / ui / components / coral / foundation / form / checkbox

任何参考资料都会有所帮助。

仅供参考，我在下面的客户端库中进行切换

(function (document, $) {

 "use strict";

$(document).on("foundation-contentloaded", function (e) {

$(".showhide").each(function () {

  showHide($(this));

});

});


$(document).on("change", ".showhide", function (e) {

showHide($(this));

});

   function showHide(el) {

   var target = el.data("showhideTarget"),

   value = el.prop("checked") ? el.val() : "";

   $(target).not(".hide").addClass("hide");

   $(target).filter("[data-showhide-target-value=\"" + value + 
   "\"]").removeClass("hide");

  }

  })(document, Granite.$);