Respuestas:
simplemente agregue el siguiente atributo
// for disabled i.e. cannot highlight value or change
disabled="disabled"
// for readonly i.e. can highlight value but not change
readonly="readonly"jQuery para hacer el cambio al elemento (sustituto disabledpara readonlyla siguiente configuración de readonlyatributo).
$('#fieldName').attr("disabled","disabled") o
$('#fieldName').attr("disabled", true) NOTA: A partir de jQuery 1.6, se recomienda usar en .prop()lugar de .attr(). El código anterior funcionará exactamente igual, excepto como sustituto .attr()de .prop().
Puede hacer esto simplemente marcándolo disabledo enabled. Puede usar este código para hacer esto:
//for disable
$('#fieldName').prop('disabled', true);
//for enable
$('#fieldName').prop('disabled', false);o
$ ('# fieldName'). prop ('readonly', verdadero);
$ ('# fieldName'). prop ('solo lectura', falso);
--- Es mejor usar prop en lugar de attr.
Use este ejemplo para hacer que el cuadro de texto sea Solo lectura o No.
<input type="textbox" class="txt" id="txt"/>
<input type="button" class="Btn_readOnly" value="Readonly" />
<input type="button" class="Btn_notreadOnly" value="Not Readonly" />
<script>
$(document).ready(function(){
('.Btn_readOnly').click(function(){
$("#txt").prop("readonly", true);
});
('.Btn_notreadOnly').click(function(){
$("#txt").prop("readonly", false);
});
});
</script>Hay dos atributos, a saber, readonlyy disabled, que pueden hacer una entrada de solo lectura. Pero hay una pequeña diferencia entre ellos.
<input type="text" readonly />
<input type="text" disabled />readonlyatributo desactiva su texto de entrada y los usuarios ya no pueden cambiarlo.disabledatributo no solo hará que su texto de entrada esté deshabilitado (inmutable) sino que tampoco se puede enviar .Enfoque jQuery (1):
$("#inputID").prop("readonly", true);
$("#inputID").prop("disabled", true);Enfoque jQuery (2):
$("#inputID").attr("readonly","readonly");
$("#inputID").attr("disabled", "disabled");Enfoque de JavaScript:
document.getElementById("inputID").readOnly = true;
document.getElementById("inputID").disabled = true;PD propintroducido con jQuery 1.6.
Dado
<input name="foo" type="text" value="foo" readonly />esto funciona - (jquery 1.7.1)
$('input[name="foo"]').prop('readonly', true);probado con readonly y readOnly, ambos funcionaron.
Tal vez use el atributo deshabilitado:
<input disabled="disabled" id="fieldName" name="fieldName" type="text" class="text_box" />O simplemente use la etiqueta de etiqueta:;)
<label><html xmlns="http://www.w3.org/1999/xhtml">
<head >
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<div>
<input id="fieldName" name="fieldName" type="text" class="text_box" value="Firstname" />
</div>
</body>
<script type="text/javascript">
$(function()
{
$('#fieldName').attr('disabled', 'disabled');
});
</script>
</html>Quizás sea significativo también agregar que
$('#fieldName').prop('readonly',false);se puede usar como una opción de alternar.
readonlyatributo al elemento, independientemente del valor pasado. Por lo tanto, su ejemplo terminaría haciendo que el campo de entrada sea de solo lectura, a pesar de establecer aparentemente el valor en falso.
SetReadOnly (estado) es muy útil para formularios, podemos configurar cualquier campo para establecerReadOnly (estado) directamente o desde varias condiciones, pero prefiero usar readOnly para configurar la opacidad en el selector, de lo contrario, attr = 'disabled' también funcionó como el mismo camino.
Ejemplos de solo lectura:
$('input').setReadOnly(true);o a través de las diferentes codificaciones como
var same = this.checked;
$('input').setReadOnly(same);aquí estamos usando el valor booleano de estado para establecer y eliminar el atributo de solo lectura de la entrada, dependiendo de un clic en la casilla de verificación.
En html
$('#raisepay_id').attr("readonly", true)
$("#raisepay_id").prop("readonly",true);en bootstrap
$('#raisepay_id').attr("disabled", true)
$("#raisepay_id").prop("disabled",true);JQuery es una biblioteca cambiante y, a veces, realizan mejoras periódicas. .attr () se usa para obtener atributos de las etiquetas HTML, y si bien es perfectamente funcional .prop () se agregó más tarde para ser más semántico y funciona mejor con atributos sin valor como 'verificado' y 'seleccionado'.
Se recomienda que si está utilizando una versión posterior de JQuery debe usar .prop () siempre que sea posible.