jquery用.html生成的radio,跟页面原有radio的name和id都相同，为什么能多选？

我用.html生成了新的radio,跟页面原有radio的name和id都相同，为什么能多选？就是我点击了生成的radio，再点击原有的radio，他俩可以同时选中。什么原因呢？

var content='';
            content+='<tr>';
            content+='<td style="text-align:center"><input type="radio" name="dizhi_id" id="dizhi_id" style="zoom:150%;" value="'+row['id']+'"  onclick="bbb('+row['id']+')"/>'+i+'</td>';
            content+='<td style="text-align:center">'+row['shouhuoren']+'</td>';
            content+='<td style="text-align:center">'+row['sheng']+row['shi']+row['qu']+'</td>';
            content+='<td style="text-align:center">'+row['dizhi']+'</td>';
            content+='<td style="text-align:center">'+row['youbian']+'</td>';
            content+='<td style="text-align:center">'+row['tel']+'</td>';
            content+='<td style="text-align:center">'+row['tel1']+'</td>';
            content+='<td style="text-align:center">'+row['tel2']+'</td>';
            content+='<td style="text-align:center">';
            content+='<div class="layui-btn-group"><button class="layui-btn layui-btn-danger layui-btn-sm" onclick="if(confirm(\'确认删除吗？\')){ window.location=\'?act=del_dizhi&id='+row['id']+'\';} return false;">删除</button></div>';
            content+='</td>';
            content+='</tr>';
            var content=$('#tablelist').after(content);

ID和name改为不一样的就行了，否则选中多个

id是元素唯一标识，不同元素设置同一个id本身就是错误的。
radio 只需要指定 name相同，type=“radio”就可以了，id如果设置，保证不同就可以了