jQuery sola lettura attribuire problemi

Question

ho questo

<input type="text" id="tbox" name="tbox" readonly="readonly" /> 

Ho un tasto su cui faccio questo

$('#tbox').removeAttr('readonly'); 

Ho anche provato a fare questo

$('#tbox').attr('readonly', false); 

.. ma nessuno funziona ..

Answer 1

Avrete bisogno di fare questo quando il DOM è stato caricato utilizzando l'evento ready di jQuery per l'oggetto documento. Ecco un Working Demo

$(document).ready(function() { 

    $('#tbox').removeAttr('readonly'); 

}); 

o la scorciatoia

$(function() { 

    $('#tbox').removeAttr('readonly'); 

}); 

EDIT:

Ho appena letto su one of your other questions come $() non funzionava, ma quando si è utilizzato jQuery(), il codice ha funzionato. Ciò indica che esiste un conflitto con la funzione $, molto probabilmente a causa di un altro framework JavaScript utilizzato nella pagina che utilizza anche la stenografia $. È possibile

1- utilizzare jQuery's noConflict() per aggirare questo problema. È possibile assegnare la funzione selettore jQuery a un alias diverso.

2- uso jQuery() nel codice al posto di $()

3- avvolgere il codice jQuery in una funzione anonima di auto-invocazione che comunque permetterà di utilizzare il $() scorciatoia per il selettore jQuery all'interno di esso

(function($) { 

    $(function() { 

     $('#tbox').removeAttr('readonly'); 

    }); 

})(jQuery); 

Questa è una funzione anonima che accetta un parametro, $ e viene eseguito immediatamente, passando jQuery come argomento per quel parametro.

Answer 2

articolo lettura su jetlogs

La differenza qui è che lo fanno

<input type="text" id="tbox" name="tbox" readonly /> 

E poi

$('#tbox').removeAttr('readonly'); 

dovrebbe funzionare.

Answer 3

So che questo è ora dicembre 2010, ma ho appena letto questo post durante la ricerca su utilizzando JQuery per impostare e rimuovere READONLY nella casella di testo di un modulo. Ho trovato e usato questo:

`$ ('# id-name'). Attr ('readonly', true); // lo rende di sola lettura

$ ('# nome-id').attr ('readonly', false); // rende editable`

Answer 4

<input type="submit" id="btn1" onclick="setTimeout(disablefunction, 1);"> 

    add function of java script 
     <script type="text/javascript" > 


     function disablefunction() 
     { 
      $('#btn1').attr('disabled',true) 
     } 


     </script> 

Sono sicuro che questo funzionerà al 100%