用javascript解决radio循环不能单格单选的问题

Question

一行有4个radio radio的name都是一样的 单行可以实现单选，
但是要求每个格的4个radio是独立单选的
现在循环出来的radio 姓名都是一样的 页面里所有的radio只能选一个。。
哪个高手能用script解决那~~谢谢了

Answer 1

把单选框的name属性的值设定为 循环id+姓名

Answer 2

我也有这个问题<script type="text/JavaScript" src="jquery.js"></script>
<script type="text/JavaScript">
$(function(){
for(i=0;i<10;i++){
$("#div1").append("<input type=\"radio\"  name=\"i\" value='a' />"+"参加"+i);// 
$("#div1").append("<input type=\"radio\"  name=\"i\" value='b'/>"+"迟到"+i);//id=\"i\" name=\"i\"
$("#div1").append("<input type=\"radio\"  name=\"i\" value='c'/>"+"请假"+i);//id=\"i\" name=\"i\"
$("#div1").append("<input type=\"radio\"  name=\"i\" value='d' />"+"未参加"+i+"<br/><br/>");//id=\"i\" name=\"i\" } })
</script>
<div id="div1">
<input type='radio' id='1' name='1' value='a'/>
<input type='radio' id='1' name='1' value='b'/>
<input type='radio' id='1' name='1' value='c'/>
<input type='radio' id='1' name='1' value='d'/><br/>
<input type='radio' id='2' name='2' value='a'/>
<input type='radio' id='2' name='2' value='b'/>
<input type='radio' id='2' name='2' value='c'/>
<input type='radio' id='2' name='2' value='d'/><br/>
<input type='radio' id='3' name='3' value='a'/>
<input type='radio' id='3' name='3' value='b'/>
<input type='radio' id='3' name='3' value='c'/>
<input type='radio' id='3' name='3' value='d'/><br/>
</div><div>部分我自己手写的没问题，每个选择题组间不会发生冲突
但是循环生成的选择题组（组与组间id不同，相同组间id相同）只能获取一个选项，
而且循环生成的选择题组和我手动输入的难道不会发生冲突？
比如我手动生成的id=3与循环生成的id=3，难道不应该是8个按钮只能选择一个吗
现在的情况是两组id=3互不影响

Answer 3

你的radio是怎么来的。后台生成的还是手动写死的？形如下面这样就可以，每组name值统一
<input type='radio' name='test1' value='a'/>
<input type='radio'  name='test1' value='b'/>
<input type='radio'  name='test1' value='c'/>
<input type='radio'  name='test1' value='d'/><br/>
<input type='radio'  name='test2' value='a'/>
<input type='radio'  name='test2' value='b'/>
<input type='radio'  name='test2' value='c'/>
<input type='radio'  name='test2' value='d'/>

Answer 4

对radio单选框来说，相同的name就会被认为是一组，一组里面只能有一个被选中，但name不同的可以同时被选中，你这个就把同一行的radio定一个相同的name就可以了
还有4楼的朋友，id在整个页面都不应该重复，只要给id属性赋值，就要保证该id的唯一性，id与单选框的分组无关，name才是决定radio分组的属性

Answer 5

同一行的radio的name 是一样的 但是 第二行以后都是通过数据集循环出来的数据，怎么通过for循环来让每一行的radio的name值都不一样啊

Answer 6

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/JavaScript">
$(function(){
var str;
for(var i=0;i<5;i++){
str='<input type=\"radio\"'+ 'name='+i +'value='+'a'+'/>'+"参加";
str=str+'<input type=\"radio\"'+ 'name='+i +'value='+'a'+'/>'+"迟到";
str=str+'<input type=\"radio\"'+ 'name='+i +'value='+'a'+'/>'+"请假";
str=str+'<input type=\"radio\"'+ 'name='+i +'value='+'a'+'/>'+"未参加";
$("#div").append(str+"<br/>");
}

})
</script>
<div id="div">
</div>这样写就好了
这样写就好了，去下一个JQUERY库函数

Answer 7

//别下库函数了，就这么写就行了
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/JavaScript">
$(function(){
var str;
for(var i=0;i<5;i++){
str='<input type=\"radio\"'+ 'name='+i +'value='+'a'+'/>'+"参加";
str=str+'<input type=\"radio\"'+ 'name='+i +'value='+'b'+'/>'+"迟到";
str=str+'<input type=\"radio\"'+ 'name='+i +'value='+'c'+'/>'+"请假";
str=str+'<input type=\"radio\"'+ 'name='+i +'value='+'d'+'/>'+"未参加";
$("#div").append(str+"<br/>");
}

})
</script>
<div id="div">
</div>