c# - 是否选中了两个或三个单选按钮中的任何一个

Question

我有不同的单选按钮组，并且所有配对的单选按钮都具有相同的 id，因此它们应该一起工作并且它们以某些方式工作。但是当我想验证时，我使用这种方法：

if ($("PhysicallyActive").is(":not(':checked')")) {
    $("PhysicallyActiveradio").css("border", "2px solid red");
}
else {
    $("PhysicallyActiveradio").css("border", "");
}

使用这种方法，它只检查两个或三个单选按钮中的第一个单选按钮是否被选中。因此，如果选中了第二个单选按钮，我希望它转到 else 并重置边框。但是现在如果选中第二个单选按钮，我将设置一个红色边框。我希望它检查是否有任何具有相同 id 的单选按钮被选中。我怎样才能做到这一点？

Answer 1

“具有相同的 id，以便他们可以一起工作”

那就是问题所在。当您为多个元素设置相同的 ID 时，无论如何都只会选择第一个。

这没有意义，因为 ID 必须是唯一的。

他们应该分享的是名字。

正如@Alxandr 指出的那样，您可以按名称选择元素，如下所示：

$("input[name='myname'][type='radio']")

Answer 2

将它们的 ID 设置为不同但为它们分配相同的类

class="PhsicallyActive";
class="PhysicallyActiveradio"


if ($('.PhysicallyActive').is(":not(':checked')")) {
$('.PhysicallyActiveradio').css("border", "2px solid red");
}
else {
    $('.PhysicallyActiveradio').css("border", "");
}

Answer 3

我想明白了，你在追求这样的事情吗？

$( "radio" ).each(function( index ) {

  if index + ": "not(':checked')")) {
$('.PhysicallyActiveradio').css("border", "2px solid red");
}
else {
    $('.PhysicallyActiveradio').css("border", "");
}
    });