时间戳

首页 > 解决方案 > Javascript从元素中选择不同的名称

javascript - Javascript从元素中选择不同的名称

问题描述

我有三个按钮：

<button name="red" onclick="sayName()">Click</button>
<button name="blue" onclick="sayName()">Click</button>
<button name="green" onclick="sayName()">Click</button>

我想要的是，通过 sayName() 单击这三个按钮之一以提醒按钮名称属性。

示例：如果我点击第二个按钮，它应该提醒blue，如果我点击第一个，它应该提醒red等等......

标签： javascripthtml

解决方案

您可以将按钮的名称传递给 onClick() cb：

<!DOCTYPE html>
<html>
<body>    
<script>
function sayName(name) { alert(name); }
</script>

<button name="red" onclick="sayName(this.name)">Click</button>
<button name="blue" onclick="sayName(this.name)">Click</button>
<button name="green" onclick="sayName(this.name)">Click</button>



</body>
</html>

推荐阅读