如果启用了另一个按钮，如何编写知道单击了一个按钮并执行某些操作的函数？

Question

我有三个按钮，最后两个被禁用，第一个被启用。 单击停止按钮后，第一个和最后一个然后被禁用，中间按钮被启用。 每次单击停止按钮时，都会弹出一条消息。 我希望停止按钮知道它在中间按钮上并且已启用，因此它弹出了唯一的消息。

我努力了

//html
<div class="Input" id="Input">
        <div class="onOff">
            <button id="on" class="on" onclick="activate(); 
gillespie();">Begin Simulation</button>
            <button id="stop" class="off" onclick="disableA(); 
stopDesc()">Stop Simulation</button>
        </div>
<div class="mRNAbutton">
            <button id = "rnaLow" class="mRNAlow" onclick="fmRNAlow()">[Low 
mRNA]</button>
            <button id = "rnaMedium" class="mRNAmed" onclick="fmRNAmed()"> 
[Medium mRNA]</button>
            <button id = "rnaHigh" class="mRNAhigh" onclick="fmRNAhigh()"> 
[High mRNA]</button>
        </div>
//Javascript
function ifEnabled()
{
var ifEnab = document.getElementById('rnaMedium');

if(ifEnab.enabled &&  document.getElementById('stop').clicked == true){

//random code
}

预期的结果是，停止按钮能够根据当时启用的按钮为我提供不同的弹出消息。

Answer 1

这将记住上次单击的按钮，并相应显示警报。

 var message; function lastClicked(btn) { message = btn.id; } function off() { alert(message); } 

 <button id="Low" onclick="lastClicked(this)">Low</button> <button id="Medium" onclick="lastClicked(this)">Medium</button> <button id="High" onclick="lastClicked(this)">High</button> <button id="Off" onclick="off()"><b>Off</b></button> 

Answer 2

这是一个有效的示例，说明在禁用另一个按钮后如果单击某个按钮，如何触发一些操作：

 <button id="btn-1" onClick="hello(this)"> One </button> <button id="btn-2" onClick="hello(this)"> Two </button> <button id="btn-3" onClick="hello(this)"> Three </button> <script> const btn1 = document.getElementById('btn-1'); const btn2 = document.getElementById('btn-2'); const btn3 = document.getElementById('btn-3'); const hello = (element) => { // Disable whichever button is clicked element.disabled = true if(btn2.disabled && btn3.disabled) { alert("I'll do something when btn2 and btn3 are disabled") } else if(btn1.disabled && btn2.disabled) { alert("I'll do something when btn1 and btn2 are disabled") } } </script>