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

【问题标题】：jquery show() property doesn't work on multiple buttonsjquery show() 属性不适用于多个按钮
【发布时间】：2020-05-08 11:19:32
【问题描述】：

我有两种形式：FormA 和 FormB

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

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

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

点击按钮

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

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

但这仅在提交 formA 时有效。我错过了什么吗？我怎样才能使它适用于formA和formB 帮助将不胜感激美好的一天人们。

【问题讨论】：

这能回答你的问题吗？ jQuery - Selector for duplicate ID's

标签： javascript html jquery

【解决方案1】：

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

<input class="submit"  type="submit"  value= "FormA" />

<input class="submit"  type="submit"  value= "FormB" />

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

【讨论】：

【解决方案2】：

您有 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();
        });
    });

【讨论】：