javascript - 使用 jQuery，如何检测在具有多个提交图像的表单中单击了哪个 <input type='image>？

Question

假设我们有这种形式:

<form>
  <input type="text" name="some_name" value="val" id="some_name">
  <input type="image" value="action" alt="Add To Cart" name="add" src="/images/submit.gif">
  <input type="image" value="action" alt="Shop some more" name="return" src="/continue_shopping.gif">
</form>

如何找到提交表单的输入？

Answer 1

您可以为不同的输入项添加 ID:

<input id="SomeName" type="text" name="some_name" value="val" id="some_name">
<input id="AddCart" type="image" value="action" alt="Add To Cart" name="add" src="/images/submit.gif">
<input id="Return" type="image" value="action" alt="Shop some more" name="return" src="/continue_shopping.gif" />

然后，在您的 jQuery 中，使用

访问事件

    $("#Return").click(function(){
    //do your stuff
    });