Comment activer et désactiver les boutons

J'ai 4 boutons. Une fois sur la page, je veux seulement montrer le bouton 1. Une fois que le bouton 1 a été cliqué, il disparaît et seul le bouton 2 est visible. Une fois que le bouton 2 a été cliqué, il disparaît et seul le bouton 3 apparaît. La même chose se produit pour le bouton 5. Toute aide serait appréciée.Comment activer et désactiver les boutons

<html> 
<script> 
    function enableButton2() { 
     document.getElementById("button2").disabled = false; 
    } 
function enableButton3() { 
     document.getElementById("button3").disabled = false; 
    } 
function enableButton4() { 
     document.getElementById("button4").disabled = false; 
    } 
function enableButton5() { 
     document.getElementById("button5").disabled = false; 
    } 
</script> 
</head> 
<body> 
    <input type="button" id="button1" value="button 1" onclick="enableButton2()"     
    onclick="hidden" /> 
<input type="button" id="button2" value="button 2" disabled onclick="enableButton3()" 
    onclick="hidden" /> 
<input type="button" id="button3" value="button 3" disabled 
    onclick="enableButton4()" onclick="hidden" /> 
<input type="button" id="button4" value="button 4" disabled onclick="enableButton5()" 
    onclick="hidden" />

Source

2014-05-01 user3217574

Vous avez double 'onclick' attributs. En outre, 'onclick =" hidden "' ne fera probablement rien – Phil

Vous ne pouvez pas avoir plusieurs attributs 'onclick'. Si vous voulez exécuter plusieurs instructions, séparez-les par ';' dans un seul attribut. – Barmar

Quelle est la vraie question ici? Vous avez décrit ce que vous voulez faire mais pas ce qui se passe réellement. J'ai créé un JSFiddle pour vous ici - http://jsfiddle.net/fZf34/ – Phil

Il n'y a pas besoin d'une autre fonction pour chaque bouton. Faites de l'ID du bouton suivant un paramètre d'une seule fonction. Et pour masquer le premier bouton, vous devez définir son style display, alors passez le this comme autre argument.

HTML:

<input type="button" id="button1" value="button 1" onclick="enableButton(this, 'button2')" /> 
<input type="button" id="button2" value="button 2" disabled onclick="enableButton(this, 'button3')" /> 
<input type="button" id="button3" value="button 3" disabled onclick="enableButton(this, 'button4')" /> 
...

JS:

function enableButton(thisButton, nextButton) { 
    thisButton.style.display = "none"; 
    document.getElementById(nextButton).disabled = false; 
}

Source

2014-05-01 03:10:04 Barmar

Merci cela fonctionne! – user3217574

Comment activer et désactiver les boutons

Répondre

Questions connexes