Champ de texte à rendre modifiable, non modifiable à l'aide de jquery

Je suis à l'aide de la balise d'affichage pour la création de tableaux et l'utilisation de jquery pour faire un champ de texte éditable et de supprimer la propriété readonly. 

<script type="text/javascript">
$(function(){
    $(".makeEditable").click(function(){
        $('input:text').removeAttr("readonly");    
    });
    $(".makeNonEditable").click(function(){
        $('input:text').attr("readonly", "readonly");    
    });               
})
</script>

Ici est le code de la table et de la colonne avec textfield

<display:table name="loadData" style="float:left;">
    <display:column title="User Defined" class="colId">
    <input type="text" value= "" name="userdefined" size="10" readonly="readonly"/>
    </display:column>
</display:table>

J'ai créé un bouton pour le rendre modifiable...

<input type="button" value="Make Editable" class="makeEditable" />

Je ne sais pas pourquoi mais sa ne fonctionne pas...aucune action n'arrive

  • Votre code fonctionne très bien voir un démo ici: jsfiddle.net/w3yep j'espère que ça aide :) j'ai mis dans le non modifiable bouton aussi bien pour vous afin que vous pouvez tester!
  • N'avez-vous pas oublié d'ajouter jquery lib avant votre script? 🙂 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> et tout fonctionne bien.
  • sa y est....<script src="ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  • oui sa fonctionne très bien ici: jsfiddle.net/w3yep/...i je ne sais pas pourquoi, mais même pas javascript travail sur mon code...sa m'énerve encore
  • Hors sujet, mais... avez-vous des plus d'un bouton de classe makeEditable et makeNonEditable? Sinon, il serait préférable d'utiliser des id et non des classes d'identifier les éléments (pour une chose, il irait plus vite).
  • son travail maintenant...merci à tout le monde...:)

InformationsquelleAutor promil pandey | 2013-04-28
  1. 3

    Html champ de saisie de texte:

    <input id="name" type="text">

    Vous pouvez utiliser la propriété readonly-

    $("#name").prop("readonly",true);

    Cela fera champ de texte non modifiable.

    Pour le rendre modifiable :

    $("#name").prop("readonly",false);
    InformationsquelleAutor Anshul Bisht
  2. 1

    //pour les handicapés qui ne peuvent mettre en évidence la valeur ou le changement
    disabled="disabled"

    //pour readonly c'est à dire peut mettre en évidence la valeur, mais pas de changement
    readonly="readonly"
    jQuery pour faire le changement de l'élément (substitut désactivé pour readonly dans la suite de réglage de l'attribut lecture seule).

    $('#someId').attr("désactivé","désactivé")
    ou

    $('#someId').attr("désactivé", true)

    InformationsquelleAutor Touhid