javascript - 许多同名按钮

Question

我有一堆名称相同但值不同的按钮。这些按钮需要在单击时从一个值更改为另一个值并返回。我知道我可以使用 html 和 javascript 来做到这一点，但我想用尽可能少的代码来做到这一点。我有 13 个按钮，但我不想调用 13 个不同的 onclick 函数。我希望使用带有元素 id 的 case 语句，但我不知道从哪里开始。我会发布我的代码，但它太简单了，我怀疑它是否需要。

以下是我的按钮代码的示例:

<tr>
    <td>
        <input type="button" value="test1" name="Online">
    </td>
    <td>
        <input type="button" value="test2" name="Online">
    </td>
  </tr>

Answer 1

由于您的按钮具有相同的名称，因此您将无法使用默认的 OnClick 事件(在本例中为 Online_OnClick)。如果您尝试，只有最后按钮会触发该事件。但您可以使用 onclick 属性来指定要调用的函数。例如:

<input type="button" value="test1" name="Online" onclick="DoButtonClick('test1')">
<input type="button" value="test2" name="Online" onclick="DoButtonClick('test2')">

<script language="vbscript">
    Sub DoButtonClick(strButtonValue)

        ' Do what you wish

    End Sub
</script>