En jquery , quand on appui sur un bouton , il se rempalce
Résolu
Youn_3451
Messages postés
39
Statut
Membre
-
Youn_3451 Messages postés 39 Statut Membre -
Youn_3451 Messages postés 39 Statut Membre -
Bonjours, j'aimerai que quand j'appuie sur un bouton, il devient invisible et remplacer par un autre.
Ex visuel :
Il y a 2 bouton :
<input type="button" class="bt1" id="bt1" value="bouton 1">
<input type="hidden" class="bt2" id="bt2" value="bouton 1">
Donc quand j'appuie sur le bt1 il devient type="hidden" et le bt2 devient type="submit"
Le code que j'ai essaye de faire :
Ex visuel :
Il y a 2 bouton :
<input type="button" class="bt1" id="bt1" value="bouton 1">
<input type="hidden" class="bt2" id="bt2" value="bouton 1">
Donc quand j'appuie sur le bt1 il devient type="hidden" et le bt2 devient type="submit"
Le code que j'ai essaye de faire :
<input id="button_save" type="button" value="Vérification" class="btn btn-primary btn-block subtotal-preview-btn" onclick="buttonc()"/> <input name="insert" id="subbt" type="hidden" value="Sauvegarder" class="btn btn-primary btn-block subtotal-preview-btn"/>
function buttonc(){
document.getElementById("button_save").hidden;
document.getElementById("subbt").submit; // je ne suis pas du tout sur.
}
1 réponse
-
Bonjour,
Pour afficher/masquer un élément en html il faut manipuler son attribut "type"
https://www.w3schools.com/jsref/met_element_setattribute.asp
-
Super, j'ai reussit.
le code pour les intéressés
function buttonc(){ var submit = document.getElementById('subbt').value; document.getElementById('subbt').type = "submit"; document.getElementById('subbt').value = submit; var hidden = document.getElementById('button_save').value; document.getElementById('button_save').type = "hidden"; document.getElementById('button_save').value = hidden; }
code html
<input name="insert" id="button_save" type="button" value="Vérification" class="btn btn-primary btn-block subtotal-preview-btn" onclick="buttonc()"/> <input name="insert" id="subbt" type="hidden" value="Sauvegarder" class="btn btn-primary btn-block subtotal-preview-btn"/>
-
