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

[gongming58]

我用.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);

[Hello World,]

完整的代码贴出来看看

[讨厌走开啦]

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

[Hello World,]

要id没有关系，有没有相同id都没关系，但相同name的radio是只能选择一个的，除非是在不同的form里，看看你生成的html结构是什么样子？

另外：

var content=$('#tablelist').after(content);

会附加到表格的后面，不是追加行在表格里面，如果是要在#tablelist里追加行应该用append

[gongming58]

[gongming58]

引用 3 楼 gongming58 的回复:

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

[gongming58]

引用 5 楼 Hello World, 的回复:

完整的代码贴出来看看

<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);

[囧]

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

[gongming58]

引用 7 楼 囧 的回复:

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

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