javascript - Menjana radio secara dinamik, nama bercanggah antara satu sama lain

Question

<button>添加ROW</button>
<table>
    <tr>
        <td>
            <input type="radio" name="HasFlower" class="yes">是
            <input type="radio" name="HasFlower" class="no">否
        </td>
    </tr>
</table>

<script>
$("button").click(function(){
    var chtml=$("table").children().clone(true);
    $(this).after(chtml);

    var nRow=$(this).siblings('tbody');
    for(var i=0;i<nRow.length;i++){
        nRow[i].setAttribute("data-myid",i+1);
        nRow.children("tr").find("input[class='yes']")[i].setAttribute("name","HasFlower"+i);
        nRow.children("tr").find("input[class='no']")[i].setAttribute("name","HasFlower"+i);
    };
});
</script>

Klik untuk menjana jadual baharu dan menukar nama radio secara dinamik, tetapi nama yang berbeza bertentangan antara satu sama lain Contohnya, name=HasFlower1 dan name=HasFlower2 tidak boleh dipilih pada masa yang sama.

Answer 1