jquery获取iframe中的复选框

最新推荐文章于 2019-02-19 16:42:09 发布

panshaobinSB

最新推荐文章于 2019-02-19 16:42:09 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： java web 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/panshaobinSB/article/details/84626792

java web 专栏收录该内容

17 篇文章

订阅专栏

本文通过一个具体的示例展示了如何使用JavaScript与IFrame中的元素进行交互。具体实现方式为：外部页面通过JavaScript获取IFrame内部被选中的复选框的值并弹窗显示。该示例有助于理解不同文档对象模型（DOM）之间的通信机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

testIfram.html
----------------------------------------------------------------------------

<script>
 function chkform(){
   $(window.frames["koyoz"].document).find("input[type=checkbox]:checked").each(function(){
    	    alert($(this).val())
     });

     return false;
}
</script>

<form name="" id="" method="POST" action=""  onsubmit="return chkform();">
			 <iframe src="iframe.html" name="koyoz" id="koyoz" height="100" width="200"></iframe>

-----------------------------------------------------------------------------------

ifram.html

-----------------------------------------------------------------------------------

<html>
<head>
</head>
<body>
<input type="checkbox" id="check_1" name="checkName" value="1">
<input type="checkbox" id="check_2" name="checkName" value="2">
<input type="checkbox" id="check_3" name="checkName" value="3">
<input type="checkbox" id="check_4" name="checkName" value="4">
</body>