jQuery获取iframe中元素值

1、iframe页面取元素的值：

//父页面代码：
  <div>
             <iframe id="iframe1" src="HtmlPage1.html" runat="server"  width="500px" height="200px"></iframe>
            <input id="Button2" type="button" value="button" />
        </div>
        <script src="_lib/jquery-1.9.1.min.js"></script>
        <script>
            $(function () {
                $("#Button2").click(function () {
                    //父页面找到iframe子页面文本框的值
                    var $txt = $(document.getElementById('iframe1').contentWindow.document.body).find("#Text1").val();
                    alert($txt);

                    //父页面找到iframe子页面单选框选中的值
                    var $rd = $(document.getElementById('iframe1').contentWindow.document.body).find("input:radio[name='r1']:checked").val();
                    alert($rd);
                })
            })
        </script>


//iframe子页面代码：
  <input id="Text1" type="text" />
   <input name="r1" type="radio" value="1" />星河
   <input name="r1" type="radio" value="2" />碧桂园
   <input name="r1" type="radio" value="3" />星河+碧桂园

参考网址：

http://www.php.cn/js-tutorial-394083.html