如何使用 javascript 或 ajax 或 jquery 从第二页启用第一页复选框

Question

以下代码在employee.php页面

function enableComponents() {
    document.getElementById("PaySheet.php?'pEmployeeCB'").disabled = false;
}

以下代码位于 paysheet.php 页

<input id="pEmployeeCB" type="checkbox" value="" />

我的问题是我试图触发 employee.php 页面中的 enableComponent 方法。但在 employee.php 页面中，paysheet.php 页面的 pEmployeeCB 复选框 ID 未识别。

那么如何在 employee.php 页面启用 paysheet.php 页面的复选框？

Answer 1

您的 "two pages" 需要在同一域中才能使用 iframe

要从 iframe 禁用父页面上的复选框：

window.parent.document.getElementById("pEmployeeCB").disabled = false;

要从父页面禁用 iframe 页面上的复选框：

var iframe = document.getElementById('your-iframe-id');
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
iframeDocument.getElementById("pEmployeeCB").disabled = false;