Javascript html框架复选框的标签_Javascript_Jquery_Html_Frame

Javascript html框架复选框的标签

javascript jquery html

Javascript html框架复选框的标签,javascript,jquery,html,frame,Javascript,Jquery,Html,Frame,例如，如果单击标签文本，我想切换box.html页面的复选框的选中/取消选中我已经包括了box.html页面，带有一个iframe Index.html Box.html：首先，页面Main和iframe都应该来自同一个域，否则会抛出跨域错误第一页 <html><head> <script> function delegate() { var iframe = document.getElementById("myIframe")

例如，如果单击标签文本，我想切换box.html页面的复选框的选中/取消选中

我已经包括了box.html页面，带有一个iframe

Index.html

Box.html：

首先，页面Main和iframe都应该来自同一个域，否则会抛出跨域错误

第一页

<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>

第二页

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

我认为这个问题可以帮助您到目前为止做了什么？我建议使用引导模板

<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>

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