javascript - 如何使用 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

您的“两个页面”需要位于同一域中才能使用 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;