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");

我想知道如何选择所选择的一个，如果选择了三个按钮中的一个，则运行一些逻辑，如果选择了NONE则运行其他逻辑。

Answer 1

您可以点击为每个按钮添加一个EventListener并为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 */
   }
  });
 }

抓取所选的<按钮> </按钮>

1 个答案: