jQuery sólo lectura atribuir problemas

Question

tengo este

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

Tengo un botón en el que hago esto

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

También he intentado hacer esto

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

.. pero ninguno funciona ..

Answer 1

Tendrás que hacer esto cuando el DOM se ha cargado usando el evento listo de jQuery para el objeto del documento. He aquí una Working Demo

$(document).ready(function() { 

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

}); 

o la abreviatura

$(function() { 

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

}); 

EDIT:

acabo de leer sobre cómo one of your other questions$() no estaba funcionando, pero cuando se utiliza jQuery(), su código trabajado. Eso indica que hay un conflicto con la función $, muy probablemente debido a que también se utiliza en la página otro marco de JavaScript que también utiliza la taquigrafía $. Puede

1- use jQuery's noConflict() para evitar esto. Puede asignar la función del selector jQuery a un alias diferente.

2- uso jQuery() en el código en lugar de $()

3- envolver su código jQuery en una función anónima auto-invocando que todavía le permitirá utilizar la abreviatura $() para el selector de jQuery dentro de ella

(function($) { 

    $(function() { 

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

    }); 

})(jQuery); 

Esta es una función anónima que toma un parámetro, $ y se ejecuta inmediatamente, pasando jQuery como argumento para ese parámetro.

Answer 2

artículo de lectura en jetlogs

La diferencia aquí es que lo hacen

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

Y luego

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

debería funcionar.

Answer 3

Sé que esto es ahora diciembre de 2010, pero acabo de leer esta publicación cuando busco utilizar JQuery para establecer y eliminar READONLY en el cuadro de texto de un formulario. Encontré y uso esto:

`$ ('# id-name'). Attr ('readonly', true); // lo hace solo de lectura

$ ('# id-name').attr ('readonly', falso); // hace 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> 

Estoy seguro de que esto funcionará 100%