用於更改iFrame的單選按鈕不起作用

Question

我不太確定自己做對了，我可能使用了錯誤的函數，但是：

<script>
    function go(loc){
        document.getElementById('iframe').src = loc;
    }
</script>

我想將登錄詳細信息容器中的iframe更改為通過單選按鈕選擇的任何頁面（還有如何使第一個單選按鈕自動選擇？）

<div class="logins_details_container"><!--The top container-->
    <iframe id="iframe" src="home_schedule_iframe.php" width="100%" height="100%"></iframe>
</div>  
<div class="iframe_container">
    <form>
        <input type="radio" name="iframe" value="type" onselect = "go('maths_iframe.php')"/>Maths<br>
        <input type="radio" name="iframe" value="type" onselect = "go('ict_iframe.php')"/>ICT
    </form>
</div>

Answer 1

盡管onSelect您只需要使用onClick函數。

所以代碼會像這樣

的JavaScript

<script>
    function go(loc){
      console.log(loc);
        document.getElementById('iframe').src = loc; 
    }
</script>

的HTML

<div class="logins_details_container"><!--The top container-->
    <iframe id="iframe" src="home_schedule_iframe.php" width="100%" height="100%"></iframe>
</div>  
<div class="iframe_container">
    <form>
        <input type="radio" name="iframe" value="type" onClick= "go('maths_iframe.php')"/>Maths<br>
        <input type="radio" name="iframe" value="type" onClick = "go('ict_iframe.php')"/>ICT
    </form>
</div>

這里是小提琴運行代碼（這不會是能夠加載maths_iframe.php和ict_iframe.php明顯，因為它們不存在於服務器上）。

Answer 2

<script>
    function go(loc){
        alert(loc);
        document.getElementById('myframe').src = loc;
    }
</script>

<div class="logins_details_container"><!--The top container-->
    <iframe id="myframe" src="home_schedule_iframe.php" width="100%" height="100%"></iframe>
</div>  
<div class="iframe_container">
    <form>
        <input type="radio" name="iframe" value="type" onclick = "go('maths_iframe.php')"/>Maths<br>
        <input type="radio" name="iframe" value="type" onclick = "go('ict_iframe.php')"/>ICT
    </form>
</div>

小提琴