jquery - Html 单选按钮选择

Question

以下是我的代码，

$(document).ready(function () {
    $("#es").hide();
    $("#n").hide();
    $('input[type="radio"]').click(function () {
        if (this.value === "Yes")
            $("#es").show();
        else if (this.value === "No")
            $("#n").show();
    });
});

有 2 个单选按钮表示是和否。选择是后，如果选择否，则不应该选择任何选项，但这里两个按钮都被选中。我该如何纠正这个问题？

Answer 1

只需提供他们两个相同的名称。你不需要javascript来做到这一点。

<label><input type="radio" name="group" id="es" value="Yes"/>Yes</label>
<label><input type="radio" name="group" id="n" value="No"/>No</label>

小提琴

Answer 2

尝试这个 ：

像这样给两个单选按钮提供相同的名称

<input type="radio" name="radio" value="Yes">Yes
<input type="radio" name="radio" value="no">No

Answer 3

您需要对单选按钮进行分组。
为此，为单选按钮提供相同的名称。