启用禁用iframe时选中复选框

enable disable iframe when checked checkbox

本文关键字：复选框 iframe 启用      更新时间：2023-09-26

这是我的代码:- 

<html>
    <head>
    <title>(Type a title for your page here)</title>
    <script language="JavaScript">
    <!--
    function enable_text(status)
    {
    status=!status; 
    document.f1.other_text.disabled = status;
    }
    //-->
    </script>
    </head>
    <body onload=enable_text(false);>
    <form name=f1 method=post>
    <input type="checkbox" name="others" onclick="enable_text(this.checked)" >Others
    <iframe name="other_text" src="www.google.com"></iframe>
    </form>
    </body>
    </html>

现在我点击复选框相同的是启用
未选中复选框相同的启用
这里我想设置如果我点击复选框则iframe为禁用如果勾选，则启用

disabled，在HTML术语中意味着"这个表单控件是只读的，不能是'成功的'"(成功的意思是"将出现在提交的数据中")。

iframe元素不是表单控件，不接受用户输入，也不与表单数据一起提交。

术语disabled在应用于iframe时没有意义，所以您不能这样做。

更新重新注释:

我想让iframe的内部内容只读而不是我的框架禁用现在这是怎么可能的

iframe中的常规内容，就像其他地方的常规内容一样，是只读的

如果你想在iframe中的文档中禁用表单控件，然后通过DOM导航到这些表单控件并禁用表单控件(受JS跨框架的正常跨域限制的约束)

你不能禁用iframe本身。

一个解决方法是在iframe上方放置一个透明的div，这将阻止用户与iframe内容交互。要启用交互，您只需删除div。
相关文章：