我正在嘗試在表格中動態添加新的單選按鈕。添加程序正常，但新添加的專案未系結到原始組。我是網路編碼的新手，所以希望你能幫助解決這個可能微不足道的問題。這是我的（假）html。
<table)
<tbody id="myList">
<tr>
<td>Ace</td>
<td><input type="radio" name="radioCOL" id="1"></td>
</tr>
<tr>
<td>King</td>
<td><input type="radio" name="radioCOL" id="2"></td>
</tr>
</tbody>
</table>
Now I want to dynamically add another element via js. eg
<tr>
<td>Queen</td>
<td><input type="radio" name="radioCOL" id="3"></td>
</tr>
這是jquery。（在實際代碼中，var 不是靜態的）
<script>
$(document).ready(function(){
$('#btnAddItem').click(function() {
var newItem = "Queen"
var newID = 3;
var newRadio = '<tr><td>' newItem '</td> <td><input type="radio" name="radioCol" id="' newID '"></td></tr>';
$('#myList tr:first').before(newRadio);
});
});
</script>
新元素已正確添加，但未系結到原始組。現在有兩個“radioCol”組，第一個是原來的 (Ace,King) 組，第二個是新組 (Queen)。添加額外的專案被添加到較新的（Queen）組。
uj5u.com熱心網友回復：
單選元素使用name屬性分組
你的其他元素有radioCOL，但你的新元素有radioCol哪些不一樣
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/535201.html