Jquery 尝试几次后，获取所选项目失败

我有一个收音机组，每个按钮都有下拉列表。当选择其中一个列表时，我希望选择与所选列表关联的单选按钮。我有这个工作，但在第二次或第三次选择后，它停止工作。下面是我正在使用的代码。有人能看一下吗

$（函数（）{
$（“.by_email”）.change（函数（）{
$（'input:radio[name=“group1”][value=“By Email”]'）.attr（'checked'，true）；
});
$（“.by_id”）.change（函数（）{
$（'input:radio[name=“group1”][value=“By ID”]'）.attr（'checked'，true）；
});
$（“.by_name”）.change（函数（）{
$（'input:radio[name=“group1”][value=“By name”]'）.attr（'checked'，true）；
});
});

电邮：
选择电子邮件
me.com
you.com
选择下一封电子邮件
美国网站
他们
按ID:
选择id
1.
2.
选择下一个id
11
22
姓名：
选择名称
上下快速移动
俏皮话
选择下一个名字
艾玛
弗雷德
如果先取消选中其他复选框，则此操作有效

 $(function () {
   $(".by_email").change(function () {
     $('input:radio[name="group1"]').attr('checked', false);
     $('input:radio[name="group1"][value="By Email"]').attr('checked', true);
   });
   $(".by_id").change(function () {
     $('input:radio[name="group1"]').attr('checked', false);
     $('input:radio[name="group1"][value="By ID"]').attr('checked', true);
   });
   $(".by_name").change(function () {
     $('input:radio[name="group1"]').attr('checked', false);
     $('input:radio[name="group1"][value="By Name"]').attr('checked', true);
   });
 });

如评论中所述，这也可以将attr替换为prop

 $(function () {
   $(".by_email").change(function () {
     $('input:radio[name="group1"][value="By Email"]').prop('checked', true);
   });
   $(".by_id").change(function () {
     $('input:radio[name="group1"][value="By ID"]').prop('checked', true);
   });
   $(".by_name").change(function () {
     $('input:radio[name="group1"][value="By Name"]').prop('checked', true);
   });
 });

使用
.prop
而不是
.attr
。