Question

有人可以告诉我，如果我有一个由复选框（父级）组成的网页，并且在同一个网页上，我也有一个来自另一个页面的iframe，该页面显示了许多记录，还有一个针对每条记录的复选框（子），如果我勾选父复选框并假设iframe对用户是隐藏的（具有显示/隐藏iframe的功能），我可以在此隐藏的iframe中设置所有子复选框或者iframe需要呈现吗？

我希望这可以在不渲染iframe内容的情况下实现。

谢谢，贝。

Answer 1

是的，这是可能的;无论iframe的显示状态如何，它仍然是DOM的一部分。（我假设您使用CSS隐藏它“visibility：hidden”或 - 更可能 - “display：none”。）

<html>
<head>
<script type="text/javascript">
function updateFrameCheck(childName, status)
{
  var x = document.getElementById("frameThing");
  var y = x.contentDocument.getElementById("formIdFromIframe");
  y.elements[childName].checked = status;
}
</script>
</head>
<body>

<iframe src="otherpage.htm" id="frameThing"></iframe>

<input type="checkbox" onclick="updateFrameCheck(this.name, this.checked)" name="childName" />

</body>
</html>

Answer 2

向用户显示Iframe是否无关紧要。即使您将css样式设置为'display：none'，您仍然可以以编程方式与iframe的内容进行交互。

您可以设置所有复选框并在准备好后显示给用户。

设置用户隐藏的iFrame复选框

2 个答案: