Javascript jQuery：如何仅选择一个具有相同类的收音机？

我有不同级别的单选按钮组，每个级别都有相同的类：

<div> <!-- radio group one -->
  <input type="radio" name="rdo1" class="some1 text4 radio_group_1" />
  <input type="radio" name="rdo2" class="some2 text5 radio_group_1" />
  <input type="radio" name="rdo3" class="some3 text6 radio_group_1" />
</div>
<div> <!-- radio group two -->
  <input type="radio" name="rdo4" class="some1 text4 radio_group_2 other1" />
  <input type="radio" name="rdo5" class="some2 text5 radio_group_2 other2" />
  <input type="radio" name="rdo6" class="some3 text6 radio_group_2 other3" />
</div>
... <!-- radio group three (and so on) -->

... 

我无法更改电台名称（由于服务器限制）。所以我只有以“

radio\u group”

开头的类。我使用和不成功，因为类名位于其他类名的中间。

---

我如何选择具有相同类名的收音机，并使它们像组收音机一样工作？

我不知道你为什么说：

我不能改变收音机的名字

不管怎样，你所问问题的答案可能是这样的：

$（'.radio\u group\u 1、.radio\u group\u 2'）。单击（函数（）{
$（this.prop（'checked'，true）.sides（）.prop（'checked'，false）；
});
您想要这样的行为吗：


$（文档）.ready（函数（）{
$（“div>input[type=radio]”。单击（函数（）{
var thisParent=$（this）.closest（“div”）；
var prevClicked=thisParent.find（“：checked”）；
var currentObj=$（此）；
prevClicked.each（函数（）{
如果（！$（currentObj）.is（$（this）））{
$（this）.prop（“选中”，false）；
}
});
});
});

第一组
rdo1
rdo2
rdo3

第2组
rdo4
rdo5
rdo6

rdo1
rdo2
rdo3
rdo4
rdo5
rdo6
$（“输入[type=radio]”）。在（“单击”，函数（）{
var groupName=$（this）.closest（“div”）.attr（“id”）；
$（“输入[type=radio]。”+groupName）.prop（“选中”，false）；
$（this）.prop（“选中”，true）；
});


您有多个类，因此请选择要传递给每个类的类，它将正常工作
为什么您不能更改它们的名称？收音机是动态生成的，由于服务器限制，我无法更改它们。
<div id="radio_group_1">
  <!-- radio group one -->
  <input type="radio" name="rdo1" class="some1 text4 radio_group_1" />rdo1
  <input type="radio" name="rdo2" class="some2 text5 radio_group_1" />rdo2
  <input type="radio" name="rdo3" class="some3 text6 radio_group_1" />rdo3
</div>
<div id="radio_group_2">
  <!-- radio group two -->
  <input type="radio" name="rdo4" class="some1 text4 radio_group_2 other1" />rdo4
  <input type="radio" name="rdo5" class="some2 text5 radio_group_2 other2" />rdo5
  <input type="radio" name="rdo6" class="some3 text6 radio_group_2 other3" />rdo6
</div>

$("input[type=radio]").on("click", function(){
 var groupName = $(this).closest("div").attr("id");
   $("input[type=radio]."+groupName).prop("checked", false);
   $(this).prop("checked", true);
});

$("input[type=radio]").click(function () {
    var thisClass = $(this).attr("class");
    console.log(thisClass);

    $('.'+thisClass).each(function () {
        $(this).prop("checked", false);
    });
    $(this).prop("checked", true);
});