無法單擊單選按鈕控件

Question

我正在嘗試動態復制一些單選按鈕，但是由於某些原因，無法選擇克隆的單選按鈕...有人可以幫助我嗎？

HTML

   <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>

的JavaScript

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);
}

Answer 1

抱歉，這是一個非常老的問題，但是如果人們確實以某種方式發現了它，那是因為我的div位於單選按鈕的頂部，所以我無法單擊它們。 沒有提供的CSS隱藏了我的一個div，所以我什至都不知道（我的朋友做了CSS，我做了javascript）。