Yanıtlar:
aşağıdaki özelliği eklemeniz yeterlidir
// for disabled i.e. cannot highlight value or change
disabled="disabled"
// for readonly i.e. can highlight value but not change
readonly="readonly"jQuery (yedek elemana değişikliği yapmak için disablediçin readonlyayar için aşağıda readonlyözniteliği).
$('#fieldName').attr("disabled","disabled") veya
$('#fieldName').attr("disabled", true) NOT: jQuery 1.6 itibariyle, .prop()yerine kullanılması önerilir .attr(). Yukarıdaki kod yerine haricinde tamamen aynı çalışacaktır .attr()için .prop().
Bunu sadece işaretleyerek disabledveya yapabilirsiniz enabled. Bunu yapmak için bu kodu kullanabilirsiniz:
//for disable
$('#fieldName').prop('disabled', true);
//for enable
$('#fieldName').prop('disabled', false);veya
$ ('# fieldName'). prop ('salt okunur', doğru);
$ ('# fieldName'). prop ('salt okunur', yanlış);
--- Attr yerine pervane kullanmak daha iyidir.
Metin kutusunu ReadOnly veya Not değil yapmak için bu örneği kullanın.
<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>İki yani nitelikleri vardır readonlyve disabledyarı salt okunur girişi yapabilirsiniz. Ancak aralarında küçük bir fark var.
<input type="text" readonly />
<input type="text" disabled />readonlyÖzellik girdi metni devre dışı yapar ve kullanıcılar artık bunu değiştirmek mümkün değildir.disabledözellik yalnızca giriş metninizi devre dışı bırakacak (değiştirilemez) değil aynı zamanda gönderilemez .jQuery yaklaşımı (1):
$("#inputID").prop("readonly", true);
$("#inputID").prop("disabled", true);jQuery yaklaşımı (2):
$("#inputID").attr("readonly","readonly");
$("#inputID").attr("disabled", "disabled");JavaScript yaklaşımı:
document.getElementById("inputID").readOnly = true;
document.getElementById("inputID").disabled = true;PS ile proptanıştırıldı jQuery 1.6.
Verilen -
<input name="foo" type="text" value="foo" readonly />bu çalışır - (jquery 1.7.1)
$('input[name="foo"]').prop('readonly', true);salt okunur ve salt okunur olarak test edildi - ikisi de çalıştı.
Kullanım özniteliği devre dışı bırakılmış olabilir:
<input disabled="disabled" id="fieldName" name="fieldName" type="text" class="text_box" />Veya sadece etiket etiketini kullanın:;)
<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>Belki bunu eklemek de anlamlıdır.
$('#fieldName').prop('readonly',false);açma / kapatma seçeneği olarak kullanılabilir ..
readonlygeçilen değere bakılmaksızın öğeye bir öznitelik ekler . Bu nedenle, örneğiniz, görünüşte değeri false olarak ayarlamasına rağmen, giriş alanını salt okunur hale getirecektir.
SetReadOnly (durum) formlar için çok yararlıdır, herhangi bir alanı doğrudan veya çeşitli koşullardan setReadOnly (durum) olarak ayarlayabiliriz. aynı şekilde.
Sadece örnekler:
$('input').setReadOnly(true);ya da
var same = this.checked;
$('input').setReadOnly(same);burada bir onay kutusu tıklamasına bağlı olarak salt okunur özniteliği girdiden ayarlamak ve kaldırmak için state boolean değerini kullanıyoruz.
Html içinde
$('#raisepay_id').attr("readonly", true)
$("#raisepay_id").prop("readonly",true);önyüklemede
$('#raisepay_id').attr("disabled", true)
$("#raisepay_id").prop("disabled",true);JQuery değişen bir kütüphanedir ve bazen düzenli iyileştirmeler yaparlar. .attr (), HTML etiketlerinden nitelikleri almak için kullanılır ve mükemmel işlev görürken .prop () daha semantik olmak üzere daha sonra eklenmiştir ve 'işaretli' ve 'seçili' gibi değersiz özelliklerle daha iyi çalışır.
JQuery'nin sonraki bir sürümünü kullanıyorsanız, mümkün olduğunca .prop () kullanmanız önerilir.