Düğmeyi onclick devre dışı bırakın ancak başka bir düğmeyi etkinleştirin

Question

Sayfanın üzerinde iki farklı düğmem var. Sayfa yüklenirken her ikisinin de etkin olmasını istiyorum, ancak bir kullanıcı tıklandığında diğer düğmeyi devre dışı bırakmak istiyorum. Ancak, diğer düğmeyi tıklarlarsa, bu düğmeyi diğer devre dışı bırakma düğmesini etkinleştirirken de devre dışı bırakılmasını isterim. Onclick düğmesine basmayı başarabildim, ancak yeniden etkinleştirmek için diğer düğmeyi almada sorun yaşıyorum. İşte sayfada sahip olduğum iki düğme var. Onlar sadece sayfada değiller.

<button onclick="down7913.disabled=false" type="submit" class="positive" name="up7913"><img src="check.png" alt=""/></button> 

<button onclick="this.disabled=true" type="submit" class="negative" name="down7913"><img src="cross.png" alt=""/></button> 

Answer 1

Kontrol bu kod, bu lezzet ve çalışma içinde bulunuyor:

<button onclick="document.getElementById('up7913').disabled=true;document.getElementById('down7913').disabled=false;" type="submit" class="positive" name="up7913" id="up7913">First</button> 

<button onclick="this.disabled=true;document.getElementById('up7913').disabled=false;" type="submit" class="negative" name="down7913" id="down7913">Second</button> 

Answer 2

Sen yazmalısınız işlevleri:

function disablefirstbutton() { 
    document.getElementById("firstbutton").disabled = true; 
    document.getElementById("secondbutton").disabled = false; 
} 

function disablesecondbutton() { 
    document.getElementById("secondbutton").disabled = true; 
    document.getElementById("firstbutton").disabled = false; 
} 

<button id="firstbutton" onclick="disablefirstbutton()"> 
<button id="secondbutton" onclick="disablesecondbutton()"> 

Answer 3

Sen gibi bir şey deneyebilirsiniz: javascript saf ve document.getElementsByClassName('negative') döndürür tüm sınıfların bir array unutmayın

onclick="document.getElementsByClassName('negative')[0].disabled=false" 

. Sadece bir tane varsa, o zaman yazdığım gibi çalışacaktır. Değilse, bir kimlik ekleyip document.getElementById('buttonId').disabled=false'u kullanırdım.

Answer 4

jQuery kullanarak sakıncası yoksa, işte burada!

$(function() { 
    $('button').click(function() { 
     var classname = $(this).attr('class'); 

     if(classname == 'positive') 
     { 
      $('button.positive').attr('disabled', 'disabled'); 
      $('button.negative').attr('disabled', false); 
     } 
     else 
     { 
      $('button.negative').attr('disabled', 'disabled'); 
      $('button.positive').attr('disabled', false); 
     } 
    }); 
});