document.getElementById ("btnid').les handicapés ne fonctionne pas dans firefox et chrome

Je suis en utilisant JavaScript pour la désactivation d'un bouton. Fonctionne très bien sous IE mais pas sous FireFox et chrome, voici le script que je suis en train de travailler sur:

function disbtn(e) { 
    if ( someCondition == true ) {
       document.getElementById('btn1').disabled = true;
    } else {
       document.getElementById('btn1').disabled = false;
    }

Et dans mon html j'ai:

<input type="button" id="btn1" value="submit" />

Rien de mal à cela. En quoi n'est-il pas de travail?
Bouton désactiver et activer fonctionne bien sous IE. Mais rien ne se passe dans Firefox et chrome. Dans ces deux navigateurs le bouton est de ne rien faire, mais activé.
utilisation setAttribute() et removeAttribute() comme indiqué dans ma réponse ci-dessous.

OriginalL'auteur steeve | 2012-07-31

getelementbyid javascript

37

utilisation setAttribute() et removeAttribute()
```
function disbtn(e) { 
    if ( someCondition == true ) {
       document.getElementById('btn1').setAttribute("disabled","disabled");
    } else {
       document.getElementById('btn1').removeAttribute("disabled");
    }
}
```
VOIR DÉMO

Votre violon fonctionne très bien dans ff et chrome, Mais dans ma page, le même problème est rendu... je suis paumé maintenant 🙁
pouvez-vous partager le code complet?
K: Hein... Il fonctionne bien maintenant. J'ai renommé le nom de la fonction. Il est aujourd'hui. Semble intéressant...(Mon ancien nom de la fonction est getSelection. Je ne sais pas wha du mal avec ce nom). Merci beaucoup K... 🙂
vous êtes les bienvenus.
note: il vaut la peine de mentionner que le disabled attribut est une valeur de type boolean. Si l'attribut existe, il permet de désactiver le bouton. Ainsi, la suite est aussi bien: document.getElementById('btn1').setAttribute('disabled', 'true');... et vous pouvez remplacer true avec toutes les autres valeurs (bien qu'il peut être trompeur dans certains cas)

OriginalL'auteur

Essayer de régler le disabled attribut directement:

if ( someCondition == true ) {
   document.getElementById('btn1').setAttribute('disabled', 'disabled');
} else {
   document.getElementById('btn1').removeAttribute('disabled');
}

OriginalL'auteur

0

Quelques temps certaines fonctions javascript ne fonctionne pas sur certains navigateur spécifique. Je vous suggère de commencer à l'aide de JQuery, ce qui vous donne normalisé JS, en prenant soin de l'autre navigateur exigence
```
$('#btn1').each(function(){
    this.disabled = false;
});
```
OriginalL'auteur
0

Il y a toujours des problèmes bizarres avec prise en charge du navigateur de getElementById, essayez ce qui suit:
```
//document.getElementsBySelector are part of the prototype.js library available at http://api.prototypejs.org/dom/Element/prototype/getElementsBySelector/

function disbtn(e) { 
    if ( someCondition == true ) {
        document.getElementsBySelector("#btn1")[0].setAttribute("disabled", "disabled");
    } else {
        document.getElementsBySelector("#btn1")[0].removeAttribute("disabled");
    }    
}
```
Sinon, embrasser jQuery où vous pouvez simplement faire ceci:
```
function disbtn(e) { 
    if ( someCondition == true ) {
        $("#btn1").attr("disabled", "disabled");
    } else {
        $("#btn1").removeAttr("disabled");
    }    
}
```
"Il y a toujours des problèmes bizarres avec prise en charge du navigateur de getElementById" — Ya? Wha? C'est l'un des plus systématiquement mis en œuvre des parties de la spécification! ... à la différence de getElementsBySelector qui mon navigateur ne les connaît pas.
Et si que jQuery code fonctionne réellement, alors mon aversion de la bibliothèque a tout simplement disparu. Les deux sont des valeurs non valides pour l'attribut, mais la récupération d'erreur devrait traiter de réglage de l'désactivé attribut à "false" la même que la définition de "personne handicapée".
vous avez tout à fait raison, mon code est incorrect (à la suite d'éternuements à partir d'une idée sans réflexion préalable) j'ai fait les corrections.
et après lecture, il semble getElementsBySelector (quelque chose qui m'a été recommandé il y a un moment, mais je n'ai jamais utilisé) est une partie de prototype.js! Je vais laisser ce post ici pour l'amour de "extra" de l'information - mais oui, je suis d'accord ce n'est pas une réponse idéale.

OriginalL'auteur
0

Une autre alternative :
```
document.formname.elementname.disabled=true
```
Travail sur FF et IE !
🙂

OriginalL'auteur
-1

rester fidèle à la maternelle (Boolean) support de la propriété et de sa syntaxe puissante comme:

[elem].disabled = état ? true : false; //fait!

et pour notre bien collectif de codage de l'expérience, -s'il vous plaît insister sur les autres pour le soutenir en tant que bien.

OriginalL'auteur
-1

J'ai essayé toutes les possibilités. Rien n'a fonctionné pour moi, sauf les suivantes.
var element = document.querySelectorAll("input[id=btn1]");
élément[0].setAttribute("désactivé",true);

OriginalL'auteur

Vous devez vous connecter pour publier un commentaire.