javascript - 单选按钮 onchange/onclick 事件无法正常工作

Question

我尝试获取单选按钮 onclick 或 onchange 事件的值。但它仅适用于第一个项目，不适用于其他项目。当我单击第一个单选按钮时，它会提醒单选按钮值。但是当我单击其他单选按钮时，它不会发出任何警报。

我的代码在这里

HTML

<input type="radio" value="1" name="layout" id="layout" class="ace">1
<input type="radio" value="2" name="layout" id="layout" class="ace">2
<input type="radio" value="3" name="layout" id="layout" class="ace">3
<input type="radio" value="4" name="layout" id="layout" class="ace">4

jQuery

$('#layout').on("click", function(e){
    alert($(this).val());
});

Answer 1

尝试避免重复的id(Id 在页面上应该是唯一的)，而是使用名称属性，如下所示:-

$('input[name="layout"]').on("click", function(e){
  alert($(this).val());
});