Javascript 无法单击单选按钮控件

我正在尝试动态复制一些单选按钮，但由于某些原因，无法选择克隆的单选按钮。。。有人能帮我吗

HTML

---

很抱歉，这是一个很老的问题，但如果人们真的发现了这一点，那是因为我的div位于单选按钮的顶部，所以我无法单击它们。没有提供的CSS隐藏了我的一个div，所以我甚至不知道（我的朋友做了CSS，我做了javascript）。

很抱歉，这是一个非常老的问题，但万一人们发现了这一点，那是因为我的div位于我的单选按钮之上，所以我无法单击它们。没有提供的CSS隐藏了我的一个div，所以我甚至不知道（我的朋友做了CSS，我做了javascript）。

你在使用哪个库？js？这为我创建了单选按钮，它们很实用。你还想做什么？你在用哪个图书馆？js？这为我创建了单选按钮，它们很实用。你到底还想做什么？

   <div id="sGroup">
<div class="section" id="section1">
<input type="text" size = "16" id="section1" placeholder="Section Name"/>
<p id="par1"><textarea rows="2" cols="70" id="info1"/></textarea></p>
</div>
<div class="mediasection" id="mediasection1">
<input type="text" size ="50" id="url1" placeholder="Media URL"/>
<input type="radio" name ="media1" id="image1"/> Image
<input type="radio" name ="media1" id="video1"/> Video
</div>
</div>

function addMedia() {
var clonemedia = $("mediasection1").cloneNode(true);
clonemedia.setAttribute("id", "mediasection"+secCount);
//mediasection1 and mediasection2
var allRadio = clonemedia.querySelectorAll("input");
allRadio[0].setAttribute("id", "url"+secCount);
allRadio[1].setAttribute("name", "media"+secCount);
allRadio[1].setAttribute("id", "image"+secCount);   
allRadio[2].setAttribute("name", "media"+secCount);
allRadio[2].setAttribute("id", "video"+secCount);
clonemedia.appendChild(allRadio[0]);
clonemedia.appendChild(allRadio[1]);
clonemedia.appendChild(allRadio[2]);
$("sGroup").appendChild(clonemedia);
}