代码之家  ›  专栏  ›  技术社区  ›  Jishnuraj

html框架的复选框标签

  •  0
  • Jishnuraj  · 技术社区  · 7 年前

    盒html

    我已经包括了这个盒子。html页面,带有iframe。

    <html>
        <body>
            <iframe src="box.html" height="25px" width="100px">
    
            </iframe>
            <label for="box">
                checkbox
            </label>
        </body>
    </html>
    

    盒html :

    <html>
        <body>
            <input type="checkbox" id="box">
        </body>
    </html>
    
    1 回复  |  直到 7 年前
        1
  •  1
  •   Srikant Sahu    7 年前

    首先,这两个页面(Main和iframe)应该来自同一个域,否则会引发跨域错误。

    第1页

    <html><head>
    <script>
        function delegate() {
            var iframe = document.getElementById("myIframe");
            iframe.contentWindow.change();
        }
    </script></head><body>
    <iframe id="myIframe" src="box.html" height="25px" width="100px"></iframe>
    <label for="box" onclick="delegate()">
        Click Here.
    </label></body></html>
    

    第2页

    <html><head>
    <script>
        function change() {
            document.getElementById('box').checked = !document.getElementById('box').checked;
        }
    </script></head><body>
    <input type="checkbox" id="box"></body></html>