JavaScript onclick方法，將其附加到“所有按鈕”

Question

我的html代碼中有很多看起來像這樣的按鈕

<li>
        <span class="avatar"><span class="status online"></span></span>
        <spa">

這是我的myFunction（）的javascript函數

var buttonState = 0;

function myFunction(){
    cons
        buttonState = 1;
        return;
    }
    if(buttonState == 1){
        buttonState = 0;
    }
}

因為我有多個按鈕，所以我不能對所有按鈕都進行onclick =“ myFunction（）”，因為沒有辦法在兩個按鈕的ID之間進行區分，即它們全都是ID“ addFriend”，因此myFunction（）將始終默認為第一個按鈕。 必須有一種方法可以解決此問題，但是我已經對其進行了研究，但沒有找到好的幫助指南。 有人有建議嗎？

謝謝！

Answer 1

在括號內添加“ this”：

<li>
    <span class="avatar"><span class="status online"></span></span>
    <span class="username">Barack Brobama</span>
    <input type="button" id="addFriend" onclick="myFunction(this)" class="submit" value="+ Add friend">

現在執行以下操作：

function myFunction(pObject){
  console.log(buttonState);
  if(buttonState == 0){
    pObject.value = 'Friend Request Pending';
    buttonState = 1;
    return;
  }
  if(buttonState == 1){
    pObject.value = '+ Add Friend';
    buttonState = 0;
  }
}

Answer 2

使用此功能

onclick =“ myFunction（this）”

那么你的功能將是

   function myFunction(pObject){          
      console.log(pObject.getAttribute('state'));
      if(pObject.getAttribute('state') == '1'){
        pObject.value = '+ Add Friend';
        pObject.setAttribute('state', '0');
      }else{
        pObject.value = 'Friend Request Pending';
        pObject.setAttribute('state', '1');
      }
    }

並可以保存在標簽中