php - 如何使用 Javascript 获取按钮值

Question

我正在尝试弄清楚如何使用 JavaScript 获取按钮的值。在 php 代码中使用 while 语句生成了几个按钮，因此所有按钮的 name 和 id 都是相同的。它们之间的唯一区别是值(value)。

我的部分 php 代码:

while($row = mysql_fetch_array($result))
     {
     echo "<tr>";
     echo "<td align=\"center\"><input type=\"button\" id=\"details\" name=\"details\" value=\"" . $row['mcn'] . "\" onClick=\"MCNdetails()\"></td>";
     echo "</tr>";
     }

我想要实现的是，当单击此按钮时，将显示带有此记录详细信息的 JavaScript 警报。

(仅供引用 - “Faker”是该表所属的表单名称。)

我的 JavaScript 代码:

function MCNdetails()
        {

        var buttonDetails = document.Faker.details;
        var buttonValue = buttonDetails.value;

        if (buttonValue === "2700-2057" )
            {
            alert ("Details are here");
            return;
            }
        else
            {
            alert ("No Dice " + buttonValue);
            return;
            }

        }

我有大约。到目前为止有 300 条记录。当我点击任何按钮时，我总是得到 else 语句。我确实尝试过像这样通过 id 获取元素:

function MCNdetails()
        {

        var buttonDetails = document.getElementById("details");
        var buttonValue = buttonDetails.value;

        if (buttonValue === "2700-2057" )
            {
            alert ("Details are here");
            return;
            }
        else
            {
            alert ("No Dice " + buttonValue);
            return;
            }

        }

但是不管我点击哪个按钮，它总是会返回第一个按钮的值。

我已经进行了一些 Google 搜索以及搜索此站点，但我找不到生成按钮的相同场景。

如有任何帮助或指点，我们将不胜感激。感谢您的宝贵时间:)

Answer 1

尝试类似的东西

<script type="text/javascript">
  function getVal(value)
  {

   alert(value);
  }
 </script>
 <input type="button" value="Add" onclick="getVal(this.value)">