Get radio value inside iframe

Question

How do I go about doing this with jQuery?

Basically the structure:

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

I tried various examples from the net such as

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

But failed. Even with jQuery form plugin's .fieldValue() failed.

Answer 1

try $('#myForm iframe').contents().find('input[name=myradio]').val() I'll assume that the iframe contents have already been loaded and are accessable e.g same domain

Answer 2

Unless jQuery does some magic I'm not aware of, accessing another frame's DOM requires a little trickery. This may work:

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

And, note this from the jQuery documentation:

Note the "@" before the attribute name was deprecated as of version 1.2.