Question

我有两个同名的提交按钮，但在我的html表单中提交了不同的值，当使用javascript按下任何一个按钮时，怎么知道哪个提交按钮被按下了？等，

<input type="submit" name="button1" value="1" />
<input type="submit" name="button1" value="2" />

Answer 1

为他们提供不同的ID并使用

检查ID

 this.id;

Answer 2

如果你不想使用jquery，你可以尝试使用onclick事件：

<input type="submit" name="button1" value="1" onclick="showValue(this)"/>
<input type="submit" name="button1" value="2" onclick="showValue(this)"/>

然后在javascript：

function showValue(obj) {
   alert(obj.value);
}

Answer 3

在jQuery中，这可能是这样的：

首先为两个按钮设置相同的类：

<input type="submit" name="button1" value="1" class="myclass"/>
<input type="submit" name="button1" value="2" class="myclass"/>

然后在javascript：

$("input .myclass").click(function() {
   var value = $(this).val();
});

Answer 4

一个不太优雅的解决方案 - 但仍然有一种可能性 - 是使用隐藏的和两个或任意数量的按钮类型输入。

配置onclick设置隐藏，然后提交表单。

<form id="f1">
   <input type="button" onclick="setAndSubmit(1)" value="send 1" /> 
   <input type="button" onclick="setAndSubmit(2)" value="send 2" /> 
   <input type="hidden" name="fakebutton" id="fakebutton"/>
</form>

<script type="text/javascript">
    function setAndSubmit(n){
       $('#fakebutton').val(n);
       $('#f1').submit();
    }
}

使用javascript访问具有相同名称的2提交按钮的值

4 个答案: