如何在onclick之后禁用按钮，但在另一个功能中将其禁用？

Question

我的按钮具有相同的onclick功能。我希望一键后禁用按钮。onclick函数需要执行多个函数，因此我该如何实现。 <input type="button" class="buttons" id="button2" value="2"     onclick="run()" />  下面是其中一个按钮的代码，run函数内的另一个函数正在运行。function disablebutton(button){    this.disabled = true;}

Answer 1

您只需要在不同的按钮上调用该函数即可。

        function disablebutton(buttonObject){

            buttonObject.disabled = true;

        }

        var button1 = document.getElementById('b1');

        var button2 = document.getElementById('b2');

        button1.onclick = function(){

          disablebutton(button1);

        }

         button2.onclick = function(){

          disablebutton(button2);

        }

或者

    <input type="button" class="buttons" id="button1" value="1" 

    onclick="run(this)" />  

    <input type="button" class="buttons" id="button2" value="2" 

    onclick="run(this)" /> 

    function run(button){

        button.disabled = true;

    }

Answer 2

您可以disablebutton()在run()函数内部调用或在函数之后将其添加run()到onClick()：

<input type="button" class="buttons" id="button2" value="2" 

        onclick="run(); disablebutton(this)" />

// Or

<input type="button" class="buttons" id="button2" value="2" 

        onclick="run(this)" />

function run(thisButton) {

  console.log('run');

  disableButton(thisButton)

}

第一种解决方案：

function run() {

  console.log('run');

}

function disablebutton(button){

    console.log(button);

    button.disabled = true;

}

<input type="button" class="buttons" id="button2" value="2" 

    onclick="run(); disablebutton(this)" />

第二个解决方案：

function run(thisButton) {

  console.log('run');

  disablebutton(thisButton)

}

function disablebutton(button){

    console.log(button);

    button.disabled = true;

}

<input type="button" class="buttons" id="button2" value="2" 

        onclick="run(this)" />

Answer 3

您必须选择所有按钮，然后更改Disabled属性。您可以通过在按钮上添加一个类，从该类中选择它们，然后循环遍历，将它们全部禁用来做到这一点，如下所示：

var elems = document.getElementsByClassName("buttons");

for(var i = 0; i < elems.length; i++) {

    elems[i].disabled = true;

}