我目前有一个SVG，其中包含多个组，每个组都包含一个圆圈和文本元素，它们都显示出来，我试图在每个组中附加一个复选框。我知道这些需要 Package 在foreignObject标签中，所以我试图使用以下代码附加复选框：

groupsEnter.append('foreignObject').attr('width', 100).attr('height', 100).attr('x', 20).attr('y', 20).append('input')
    .attr('type', 'checkbox').attr('class', 'check');

字符串
当我打开网页时，我可以在检查器中看到复选框是在HTML中生成的，但它们并没有出现在网站上，我也不能将鼠标悬停在复选框HTML上查看它们的位置。然而，非常奇怪的是，当我在检查器中手动更改HTML以使用与D3中为复选框生成的完全相同的HTML代码添加外来对象时，它似乎出现了？我很困惑，任何帮助都将不胜感激。