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

Question

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

Answer 1

html会对相同id的dom给出错误提示（通常页面不允许包含2个相同id的dom），但是由于高容错的要求页面还是能显示的，而你说的相同name的radio应该只能选中一个这个逻辑并不成立，你试试自己在一个页面上写2个有相同name、id的radio，你选中一个radio，另一个还是可以点选。

Answer 2

要id没有关系，有没有相同id都没关系，但相同name的radio是只能选择一个的，除非是在不同的form里，看看你生成的html结构是什么样子？另外：
var content=$('#tablelist').after(content);
会附加到表格的后面，不是追加行在表格里面，如果是要在#tablelist里追加行应该用append

Answer 3

这个是我用1楼代码生成的，相同的name的radio,竟然可以多选，而且是在一个FORM里，为什么？

Answer 4

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

Answer 5

name="dizhi_id"
name="dizhi_id1"
这name不一样吧

Answer 6

这是我后来改的，因为一样也能多选，我就改成不一样，然后用removearr属性来实现单选。