javascript - 使用 JavaScript 单击另一个窗口上的复选框

标签 javascript

我有窗口 A,单击协议(protocol)链接,它将打开窗口 B:

pageLinks.onclick = function(){ 
    window.open(this.href, "_blank", "resizable=yes,scrollbars=yes,status=yes,width=980,height=750,menubar=no,toolbar=no,location=yes,status=yes");
    return false;
}

我想做这样的事情:

  1. 在窗口B上,显示协议(protocol)内容,底部有一个“我同意此协议(protocol)”按钮,点击它
  2. 窗口 B 将关闭
  3. 同时在窗口 A 中,协议(protocol)链接之前的复选框将被选中。

我们可以使用 Javascript 来实现这个吗?

最佳答案

将以下 JavaScript 代码放在窗口 B 上:

// when button is clicked
document.getElementById('submitBtn').onclick = function() {

    // check the checkbox on page A
    window.opener.document.getElementById('checkboxElement').checked = true;

    // close page B
    window.close();
}

只要窗口是由它打开的,并且具有相同的域,您就可以使用window.opener对象。

确保将 submitBtn 替换为按钮 ID,将 checkboxElement 替换为窗口 A 上的复选框 ID。

希望有帮助。

关于javascript - 使用 JavaScript 单击另一个窗口上的复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19809020/

相关文章:

javascript - 无法访问局部变量

javascript - 点出现在带有圆形线帽 FF,IE 的线之前

javascript - 在 python selenium 中使用 JS 脚本向下滚动

javascript - 检查具有相同 "rules"的多个变量

javascript - 使用 javascript 从 flash 捕获冒泡键事件?

javascript - 根据操作系统分辨率和 CSS 位置,会出现轻微的空间

javascript - openlayers弹出错误位置

javascript - Coldfusion查询显示隐藏div

java - jQuery js 文件未加载

javascript - 组件中的React-Redux状态与存储中的状态不同