Добрый день! столкнулся с проблемой отображения других страниц в iframe при выборе radio и нажатии кнопки. Подскажите как это можно оформить на JS
<body>
<style>
div#main {
overflow: hidden;
width: 100%;
height: 100%;
}
div#left {
width: 30%;
/*background-color: blue;*/
float: left;
height: 97vh;
}
div#right {
width: 70%;
/*background-color: brown;*/
float: right;
height: 97vh;
}
</style>
<div id="main">
<div id="left">
<form name = "zadanie">
Задание 1: <input name="zd" id="zd1" type="radio" value="zadanie1"><br>
Задание 2: <input name="zd" id="zd2" type="radio" value="zadanie2"><br>
Задание 3: <input name="zd" id="zd3" type="radio" value="zadanie3"><br>
<button id="check">Показать</button>
</div>
<div id="right">
<iframe name="iframe" width="100%" height="100%" frameborder="no" ></iframe>
</div>
<script type="text/javascript">
document.getElementById("check").onclick = function ()
{
var zd1 = document.getElementById('zd1');
var zd2 = document.getElementById('zd2');
var zd3 = document.getElementById('zd3');
if (zd1.checked){
}
if (zd2.checked)
frames['frm'].location.href ='zadanie2.html'
if (zd3.checked)
alert ('POKKKKA')
}
</script>
</div>
</body>