启用后禁用iframe复选框

时间:2013-03-06 09:52:19

标签: javascript html iframe checkbox

这是我的代码: -

<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被禁用,如果签出然后启用

2 个答案:

答案 0 :(得分:2)

在HTML术语中,

disabled表示“此表单控件是只读的,不能'成功'”(成功的含义“将出现在提交的数据中”)。

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

术语disabled在应用于iframe时没有任何意义,因此您无法执行此操作。


更新评论:

  

我想要iframe内部的内容,而不是i frame现在禁用它的可能性

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

如果要在iframe中禁用文档中的表单控件,请在DOM中导航到这些表单控件并禁用表单控件(根据跨帧的JS的正常跨域限制)。

答案 1 :(得分:0)

您无法禁用iframe本身。

解决方法是在iframe上方放置一个透明div,这会阻止用户与iframe内容进行交互。要启用交互,您只需删除div。