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>

<强> Fiddle

Answer 2

试试这个：

同样给出这样的单选按钮

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

Answer 3

您需要对单选按钮进行分组。
给单选按钮指定相同的名称。

Html单选按钮选择

3 个答案: