Вопрос по javascript – Как получить доступ к элементам флажка iFrame

3

Может кто-то, пожалуйста, дайте мне знать, что если у меня есть веб-страница, которая состоит из флажка (родительского) и на этой же веб-странице, у меня также есть iframe, который получен из другой страницы, которая отображает количество записей, которые также имеют Флажок (дочерние) для каждой записи, если я отмечу родительский флажок, я бы хотел каскадно применить его ко всем дочерним флажкам в iframe, а также отключить эти дочерние флажки.

Был бы очень признателен за помощь в этом, так как я не уверен, как получить доступ к флажкам внутри iframe.

Мое определение iframe на странице man похоже на следующее:

<code><iframe id="iframe1" src="'+URL+'" style="border:none;width:799px;height:200px;" frameborder="1" framespacing="0" marginheight="0" marginwidth="0"></iframe>
</code>

Любые примеры / сайты будут великолепны.

Благодарю. Тони.

Ваш Ответ

4   ответа
6

Во-первых, вот источник содержимого iFrame (я назвал его FramePage.htm) ...

<body>
    <input id="Checkbox1" type="checkbox"  name="checkbox" /> 
    <input id="Checkbox2" type="checkbox" name="checkbox"/>
    <input id="Checkbox3" type="checkbox" name="checkbox" />
</body>

Вот источник на странице, где размещается рамка

<iframe id="frame" src="FramePage.htm"></iframe>

<input id="Button1" type="button" value="button" onclick="setData()" />

<script type="text/javascript">
    function setData()
    {
        var frame = document.getElementById('frame');

        var checkboxes = frame.contentWindow.document.getElementsByName('checkbox');

        for (var i = 0; i < checkboxes.length; i++)
        {
            checkboxes[i].checked = true;
        }
    }
</script>

При нажатии кнопки на родительской странице будут выбраны все флажки с названием «флажки». на странице кадра.

Надеюсь это поможет:)

Спасибо за это Чалки - я попробую. Кстати, мне также нужно отключить флажок внутри iframe - это просто флажки [i] .disabled = true? tonyf
Наверху я думаю, что это были бы флажки [i] .checked = false; Я думаю, что отключить будет отключить контроль не значение ... :)
0

$("#select_checkbox").change(function(event){
    $("#content").contents().find(':checkbox').each(function(){
        jQuery(this).attr('checked', $("#select_checkbox").is(':checked'));
    });
});

где select_checkbox - это идентификатор родительского флажка, content - это идентификатор кадра.

0

одробную информацию?), Но если URL-адрес iframe src не находится в том же домене, что и родительский, то могут возникнуть проблемы с междоменной безопасностью, которые препятствуют манипулированию с помощью javascript, согласно тому же Происхождение

1

легкий доступ к документу iframe, То есть, если это не кросс-домен, как сказал Питер.

Похожие вопросы