jquery - 在 iframe 中获取单选值

Question

我该如何用 jQuery 来做这件事？

基本结构：

<form id="myForm">
  <iframe>
    <!-- Normal HTML headers omitted -->
    <input type=radio name="myRadio" value=1>First
    <input type=radio name="myRadio" value=2>Second
    <input type=radio name="myRadio" value=3>Third
  </iframe>
  <input type=button value="Submit" />
</form>

我尝试了网上的各种例子，例如

$("input[@type=radio][@checked]");

但是失败了。即使使用 jQuery 表单插件的.fieldValue()失败。

Answer 1

尝试$('#myForm iframe').contents().find('input[name=myradio]').val()

我假设 iframe 内容已经加载并且可以访问，例如同一个域。

Answer 2

除非 jQuery 做了一些我不知道的魔法，否则访问另一个框架的 DOM 需要一些技巧。这可能有效：

var frameDocument = $('#myForm iframe').contentDocument || $('#myForm iframe').contentWindow.document;
$(frameDocument).find('input[type=radio][checked]');

并且，请注意 jQuery 文档中的这一点：

请注意，从版本 1.2 开始，不推荐使用属性名称之前的“@”。