javascript - onClick 按钮的警报值

Question

我有一个页面，其中包含许多来自 PHP 输出的按钮，每个按钮具有不同的值:

<button class='add' value=".$row['cat_no']." onClick='addItem(value)'>Add To Cart</button>

$row['cat_no'] is data from mysql. 

我想在点击按钮时检查按钮的值，所以我在下面使用原生JS:

<script>
function addItem(value) {
            alert("this.value");}
</script>

它不起作用...它只是返回 this.value。 在这种情况下，我认为将 Id 分配给 getElementbyId 不合适，请帮忙检查我的错误或提出解决方案。谢谢。

请问:我不想使用 JQUERY，只想使用原生 JS。

Answer 1

像下面这样使用 alert(elmt.value);。你应该将 this 传递给函数

<button class='add' value="test value" onClick='addItem(this)'>Add To Cart</button>

<script>
function addItem(elmt) {
            alert(elmt.value);
            }
</script>