Javascript 如何使用js一次选中一个复选框并取消选中其他复选框

这是我的密码。在这里，我为两个输入复选框指定了相同的类名：

$（文档）.ready（函数（）{
$（document）.on（'change'，.check_class'，function（））{
$（“.check_class”）.attr（“checked”，false）；//取消选中所有复选框
$（this.attr（“checked”，true）；//检查单击的内容
});
});

发送电子邮件？
短信发送？
如果您使用
.prop（）
而不是
.attr（）
如下所示，您的代码将工作正常：-


$（文档）.ready（函数（）{
$（文档）.on（'change'，.check_class'，函数（）{
$（“.check_class”）.prop（“checked”，false）；
$（this）.prop（“选中”，true）；
});
});

发送电子邮件？
短信发送？
如果一次只能选中其中一个复选框，只需使用单选按钮即可。这正是它们的设计目的，而且它完全不需要任何JS代码：



发送电子邮件？
短信发送？
您可以使用
not（this）
取消选中所有其他复选框


$（文档）.ready（函数（）{
$（document）.on（'change'，.check_class'，function（））{
$（“.check_class”）.not（this）.prop（'checked'，false）；
});
});

发送电子邮件？
短信发送？
如果一次只能选中其中一个复选框，只需使用单选按钮即可-这正是它们的设计目的。不，我需要复选框。原因是什么？
$(document).on('change', ".check_class", function () {
         $(".check_class").each(function(index,element){
                  element.attr("checked", false);
         }); //uncheck all check-boxes

});