jquery show() 属性不适用于多个按钮

Question

我有两种形式：FormA和FormB

<input id="submit"  type="submit"  value= "FormA" />
<input id="submit"  type="submit"  value= "FormB" />

当其中一个表单提交时，我希望这个按钮出现在屏幕上：

点击按钮

我试过使用jquery。这是代码：

$(function () {
$("#submit").on('click', function () {
$("#redirect").show();
});
});

然而，这只有在提交表格A时才有效。我是不是错过了什么？我怎样才能使它同时适用于甲和乙非常感谢您的帮助祝大家愉快。

Answer 1

id选择器应该是唯一的。您可以将id选择器更改为类选择器

<input class="submit"  type="submit"  value= "FormA" />
<input class="submit"  type="submit"  value= "FormB" />
$(function () {
$(".submit").on('click', function () {
$("#redirect").show();
});
});

Answer 2

您有两个id相同的元素submit，id应该是唯一的

然而，这仅在提交formA时有效。

$("#submit")将只返回第一个提交按钮

为每个窗体使用不同的id，或者目标将使用一个类选择器。

试试这个

<input id="submitA"  type="submit"  value= "FormA" />    
<input id="submitB"  type="submit"  value= "FormB" />
$(function () {
$("#submitA, #submitB").on('click', function () {
$("#redirect").show();
});
});