javascript - 抓取选定的<按钮>

Question

我有一组按钮:

<button id="hdfs-test" type="button" class="btn btn-default btn-lg">HDFS</button>
<button id="hive-test" type="button" class="btn btn-default btn-lg">HIVE</button>
<button id="hdfs-hive-test" type="button" class="btn btn-default btn-lg">BOTH</button>

我用以下方式收集它们:

var testType = document.getElementsByTagName("button");

我想知道如何挑选出选定的按钮(如果有)，并在选择三个按钮之一时运行一些逻辑，如果没有选择则运行其他逻辑。

Answer 1

您可以在单击每个按钮时添加一个事件监听器，并为 this 运行一个函数:

for (var i = 0; i<testType.length; i++) {
testType.addEventListener('click',function() {
  console.log(this.id);
  /* run code for every button */
   if (this.id == 'hive-test') {
      /* run code only for button with id hive-test */
   }
  });
 }