动态生成radio，name互相冲突

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>点击生成新的table，同时为radio动态改变name，但是不同的name却互相冲突，如name=HasFlower1和name=HasFlower2无法同时选中，这是为什么？

Answer 1