Question

我有两个单选按钮，如下所示：

<input type="radio" name="country" value="India" class="website">India
<input type="radio" name="country" value="UAE" class="website">UAE

我已经为此编写了jQuery：

 $("input[type='radio']").click(function () {
        var selection=$(this).val();
        alert("Radio button selection changed. Selected: "+selection);
    });

但这仅在单击第一个单选按钮时有效。单击第二个单选按钮后，它将无法正常工作。

有人可以帮我吗？

Answer 1

禁用表单元素后，您将无法在该元素上触发单击事件。但是，您可以在每个输入周围放置一个span之类的非格式元素，并根据需要将click事件添加到span中。

注意：：使用标签会两次点击，这就是为什么我不使用它的原因。

$("span").click(function() {
  var selection = $(this).children().first().val();
  alert("Radio button selection changed. Selected: " + selection);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span><input type="radio" name="country" value="India" class="website">India</span>
<span><input type="radio" name="country" value="UAE" class="website" disabled="disabled">UAE</span>

在javascript中单击两个不同的单选按钮时，如何显示不同的消息？

1 个答案: