如何在 iframe 中获取选中的单选按钮的值

Question

我在这里有一个带有 iframe 的页面。在 iframe 内，它将以多项选择显示所有问题。问题是我不知道如何获取 iframe 内选中的单选按钮的所有值。该按钮在父页面中（我还没有包含它）。

这是我的页面（questions.php）的屏幕截图：

这是我在 questions.php 中的 iframe 代码：

<div class="question-display test">
     <iframe src="questions/frame.php" height="500px" width="100%">

     </iframe>
</div>

这是我的 frame.php（显示所有问题）

<?php
                include('config.php');
                $view_questions=mysql_query("SELECT * FROM questions ORDER BY RAND()");
                $count=mysql_num_rows($view_questions);
                    $i=1;
                    while($row=mysql_fetch_array($view_questions))
                    {

                ?>
        <div class="questions-contents text-size test" style="margin-left: 10px;">
            <p align="justify"><strong><?php echo $i;?>.)</strong> <?php echo $row['QUESTION'];?></p>
        </div>


        <div class="answer-indent" style="margin-left: 40px; margin-bottom: 20px;">    
            <label class="radio">
                <input type="radio" name="<?php echo $row['QUESTION_NO'];?>" value="1" data-toggle="radio">
                <class="color" style="color: gray;"><?php echo $row['ANSWER_1'];?></class="color">
            </label>

            <label class="radio">
                <input type="radio" name="<?php echo $row['QUESTION_NO'];?>" value="2" data-toggle="radio">
                <class="color" style="color: gray;"><?php echo $row['ANSWER_2'];?></class="color">
            </label>
            <label class="radio">
                <input type="radio" name="<?php echo $row['QUESTION_NO'];?>" value="3" data-toggle="radio">
                <class="color" style="color: gray;"><?php echo $row['ANSWER_3'];?></class="color">
            </label>

            <label class="radio">
                <input type="radio" name="<?php echo $row['QUESTION_NO'];?>" value="4" data-toggle="radio">
                <class="color" style="color: gray;"><?php echo $row['ANSWER_4'];?></class="color">
            </label>

            <label class="radio" style="display: none;" >
                <input type="radio" name="<?php echo $row['QUESTION_NO'];?>" value="5" data-toggle="radio" checked>

            </label>
        </div>
            <?php
                    $i++; }
            ?>

在我将我的 frame.php 从 questions.php 页面插入 iframe 之前，我有一个用于检查用户答案的​​ php 代码（选中的单选按钮）。

$questions = mysql_query("SELECT * FROM questions");
while($row=mysql_fetch_assoc($questions)){
    if($_POST[$row['QUESTION_NO']]==$row["ANSWER"])
    {
        $score++;
    } 
    elseif($_POST[$row['QUESTION_NO']]==5)
    {
        $unanswered++;
    }
    else
    {
        $wrong_score++;
    }
}

请帮帮我，我从昨天开始就这样做了，但我没有得到它。我不知道该怎么做。

Answer 1

您可以为 iframe 提供 id 并访问其元素。

document.getElementById('frameid').contentWindow.document.getElementById('abc')

abc 是您的单选按钮元素。

然后你可以对元素做任何你想做的事情。

但是说真的，你也可以在 Div 中使用适当的 css 来做同样的事情。

Answer 2

我认为您应该为所有复选框指定相同的名称。你可以分配问题号。为他们的 id

所以表格会是

    <div class="answer-indent" style="margin-left: 40px; margin-bottom: 20px;">    
                <label class="radio">
                    <input type="radio" name="question" id="<?php echo $row['QUESTION_NO'];?>" value="1" data-toggle="radio">
                    <class="color" style="color: gray;"><?php echo $row['ANSWER_1'];?></class="color">
                </label>

<label class="radio">
                <input type="radio" name="question" id="<?php echo $row['QUESTION_NO'];?>" value="2" data-toggle="radio">
                <class="color" style="color: gray;"><?php echo $row['ANSWER_2'];?></class="color">
            </label>
    .
    .
    .
    .
    </div>

所以我们可以使用简单的 sn-p 来获取复选框的值。 如下所示

<?php

$values = $_POST['question'];

// optional

foreach ($values as $selected){
echo $selected."<br />";

}


?>

请试试这个

Answer 3

iframe 表单操作应该是 iframe 父 url

<form action="parenturl.php" method="POST">

当您不将 action 属性添加到表单元素时，默认操作将 通过 GET 方法将表单提交到当前页面，因此当您尝试 查看父项中的发布数据 没有什么可显示的，因为数据已发布到 iframe 本身而不是父级。

所以请确保您定义了方法和操作。