Javascript 动态生成的ID'；s必须是单选按钮名称作为属性

我有两个单选按钮组，每个组包含三个选项，并动态添加了组id

我想要的是：对于每个组-无线电名称必须与其相关的组id名称匹配

• group1

  包含三个带有name属性的单选按钮

  group1

• group2

  包含三个带有name属性的单选按钮

  group2

//此脚本用于添加groupid的
$（'.wraper'）。每个（函数（i）{
$（this.attr（'id'，“group”+（i+1））；
});
input[type=radio]，
输入[类型=收音机]+div{
显示：无；
}
输入[类型=收音机]：选中+div{
显示器：flex；
背景色：红色；
}

A.
B
C
a

a

c

x
Y
Z
xxx

yyy

zzz

使用目标元素设置
.attr（）


//此脚本用于添加groupid的
$（'.wraper'）。每个（函数（i）{
$（this.attr（'id'，“group”+（i+1））；
$（this.find（':radio'）.attr（'name'，this.id）
});
input[type=radio]，
输入[类型=收音机]+div{
显示：无；
}
输入[类型=收音机]：选中+div{
显示器：flex；
背景色：红色；
}

A.
B
C
a

a

c

x
Y
Z
xxx

yyy

zzz

据我所知，您的意思是-您希望包装器中的输入遵循命名规则。正确吗

$('.wraper').each(function(i) {
    var groupId = "group" + (i + 1);

    $(this).attr('id', groupId );
    $(this).find('input').attr('name', groupId );
});

如果我的理解是正确的，这就是您所期望的：

$('.wraper').each(function(i) { 
   $(this).attr('id', "group" + (i + 1));
     $(this).children("input"). each (function (){
       $(this).attr("name","group" + (I+1));
     });
 });

请编辑代码以查看，目前我添加了硬编码值，如：（name=“group1”）和（name=“group2”），因此您希望生成包装器的ID和收音机的名称，所以。。。你的问题是什么？@Satpal，是的，你明白了，我已经添加了groupid的使用脚本。现在，我希望收音机的名称与我编辑的问题相同，这样它就不会产生误导，并且从收音机中删除了
id
和
name
属性，因为这些属性需要生成。
$('.wraper').each(function(i) { 
   $(this).attr('id', "group" + (i + 1));
     $(this).children("input"). each (function (){
       $(this).attr("name","group" + (I+1));
     });
 });