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

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

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

但这只有在单击第一个单选按钮时才起作用。单击第二个单选按钮时，它将不起作用

---

有人能帮我吗？

当表单元素被禁用时，您不能触发该元素上的单击事件。但是，如果愿意，可以在每个输入周围放置一个非表单元素，例如

span

，并将单击事件添加到

span

注意：使用标签会调用两次单击，这就是我没有使用它的原因

$（“span”）。单击（函数（）{
变量选择=$（this.children（）.first（）.val（）；
警报（“单选按钮选择已更改。所选：“+选择”）；
});

印度
阿联酋
它确实有效，请告诉我您期望发生什么。这是您的实际html吗？您的代码工作正常。选中时显示
印度
和
阿联酋
。第二个单选按钮处于非活动状态…您所说的“非活动”是什么意思？你能提供一个屏幕截图或其他信息吗？在这个代码片段中，当UAE单选按钮时，警报内的消息不起作用..是这样吗？你是否已禁用？你在评论中说元素已禁用。当我单击单选按钮时，它处于非活动状态而不是在代码中禁用非活动/禁用是同一回事。
 $("input[type='radio']").click(function () {
        var selection=$(this).val();
        alert("Radio button selection changed. Selected: "+selection);
    });