Javascript 选中列表复选框中至少1个复选框时显示按钮

我有一些代码可以很好地工作；选中复选框时，将显示一个按钮。但是现在我想改变一些东西，在这种情况下，会有更多的复选框（它们是由数据库的内容生成的，所以现在数字不清楚）

但是解决方案是基于元素的ID，并且具有多个相同ID是无效的，并且不起作用

我这里有代码：。正如您所看到的，只有第一个复选框启用div，第二个复选框不启用

有人能告诉我怎么解决这个问题吗

代码如下：

html:

---

您使用相同的

id

两次。

id

被认为是唯一的

在这里我把它改成了一个类，现在它工作得很好

$（函数（）{
$（“.chkMessage”）。单击（函数（）{
如果（$（this）.is（“：checked”））{
$（“#dvMessage”）.show（）；
$（“#添加消息”）.hide（）；
}否则{
$（“#dvMessage”）.hide（）；
$（“#添加消息”）.show（）；
}
});
});

你有护照吗？
你有护照吗？
护照号码：
是的，这就是解决方案。伟大的非常感谢你！
<input type="checkbox" id="chkMessage" />Do you have Passport?<input type="checkbox" id="chkMessage" />Do you have Passport? <div id="dvMessage" style="display: none">Passport Number: <input type="text" /></div>`

`$(function() {  $("#chkMessage").click(function() {    if $(this).is(":checked")) {      $("#dvMessage").show();      $("#AddMessage").hide();    } else {      $("#dvMessage").hide();      $("#AddMessage").show();    }  });});`