Détecter lorsque l'entrée a un 'readonly' attribut

Je veux lancer une alerte lorsqu'une entrée a un 'readonly' attribut. J'ai essayé ceci:

  if($('input').attr('readonly') == 'readonly'){

    alert("foo");
  }

Je pense que les " si " n'est même pas la meilleure façon de le faire.

InformationsquelleAutor ziiweb | 2011-03-24
  1. 127

    façon la plus rapide est d'utiliser le .is() fonction jQuery.

    if ( $('input').is('[readonly]') ) { }

    à l'aide de [readonly] comme un sélecteur vérifie simplement si l'attribut est défini sur votre élément. si vous voulez vérifier une valeur, vous pouvez utiliser quelque chose comme ceci à la place:

    if ( $('input').is('[readonly="somevalue"]') ) { }
    InformationsquelleAutor Richard Neil Ilagan
  2. 21

    Depuis JQuery 1.6, toujours .prop()
    Lire pourquoi ici: http://api.jquery.com/prop/

    if($('input').prop('readonly')){ }

    .prop() peut également être utilisée pour définir la propriété

    $('input').prop('readonly',true);

$('input').prop('readonly',false);
    InformationsquelleAutor keV
  3. 3

    Vous pouvez simplement utiliser le sélecteur d'attributs et de tester ensuite la longueur:

    $('input[readonly]').length == 0 //--> ok
$('input[readonly]').length > 0  //--> not ok
    InformationsquelleAutor Josiah Ruddell
  4. 3

    Vérifier la valeur actuelle de votre "lecture seule" attribut, si c'est "faux" (une chaîne) ou vide (indéfini ou ""), alors il n'est pas en lecture seule.

    $('input').each(function() {
    var readonly = $(this).attr("readonly");
    if(readonly && readonly.toLowerCase()!=='false') { //this is readonly
        alert('this is a read only field');
    }
});
    InformationsquelleAutor potench
  5. 3

    Essayer un moyen simple:

    if($('input[readonly="readonly"]')){
   alert("foo");
}
    InformationsquelleAutor cachaito
  6. 1

    ce à propos de javascript sans jQuery ?

    pour toutes les suggestions que vous pouvez obtenir avec ou sans jQuery, juste :

    input.readOnly

    remarque : l'esprit camelCase

    InformationsquelleAutor fadomire
  7. 0

    essayez ceci:

    if($('input').attr('readonly') == undefined){
    alert("foo");
}

    si elle n'est pas là, il sera undefined en js

    InformationsquelleAutor Naftali aka Neal
  8. 0

    À la vanille/javascript vous pouvez vérifier que les suivantes - 

    var field = document.querySelector("input[name='fieldName']");
if(field.readOnly){
 alert("foo");
}
    InformationsquelleAutor Musa