Javascript 获取在特定div中选中的单选按钮的所有值

我和我的朋友正在努力解决这个问题。我们想要得到一个单选按钮在div中被选中的所有值

---

第一组

Name=Radio1已选中

Name=Radio2未选中

Name=Radio3已选中

---

第二组

Name=radio1未选中（因为在div1中已选中）

Name=radio2未选中

名称=未选中radio3（与radio1相同）

所以情况是，当我点击div2 radio3时，div1 radio3将被取消选中，而div2 radio3将被选中。我想打印每个div检查的所有值

HTML:

地址1
地址2
地址3






地址1
地址2
地址3

您可以将单选按钮包装在单独的div容器中

然后可以使用

$（'#Div1:radio:checked'）

和

$（'#Div2:radio:checked'）

以选中的单选按钮为目标。最后使用map来获取值

您可以尝试以下方法：

$（'Div1:radio'）。每个（函数（）{
var cls=$（this.attr（'name'）；
var ck=$（this.attr（'checked'）；
如果（ck！=“选中”）{
$（`Div2[name=${cls}]`）.attr（'checked'，true）；
}
});
$（'#Div2:radio'）。单击（函数（）{
var cls=$（this.attr（'class'）；
var ck=$（this.attr（'checked'）；
如果（ck！=“选中”）{
$（`Div1[name=${cls}]`）.attr（'checked'，true）；
}
var checkedDiv1=$（'#Div1:radio:checked'）.map（（i，el）=>$（el.attr（'value'））.get（）.join（'，'）；
$（'#1'）.val（checkedDiv1）；
var checkedDiv2=$（'#Div2:radio:checked'）.map（（i，el）=>$（el.attr（'value'））.get（）.join（'，'）；；
$（'#2'）.val（checkedDiv2）；
});
$（“#Div1:radio”）。单击（函数（）{
var cls=$（this.attr（'class'）；
var ck=$（this.attr（'checked'）；
如果（ck！=“选中”）{
$（`Div2[name=${cls}]`）.attr（'checked'，true）；
}
var checkedDiv1=$（'#Div1:radio:checked'）.map（（i，el）=>$（el.attr（'value'））.get（）.join（'，'）；
$（'#1'）.val（checkedDiv1）；
var checkedDiv2=$（'#Div2:radio:checked'）.map（（i，el）=>$（el.attr（'value'））.get（）.join（'，'）；；
$（'#2'）.val（checkedDiv2）；
});

地址1
地址2
地址3






地址1
地址2
地址3


请用您的代码创建一个代码片段。请显示实际的HTML代码，而不是“解释”它的外观。阅读并编辑你的问题。$（“div input[type=radio]：选中”）；这是密码