Girişi devre dışı bırakma ve etkinleştirme ile ilgili temel sorun, beklenmeyen davranışlara neden olabilmesidir. Örneğin, bir formda girişi devre dışı bırakırsanız, kullanıcılar formu gönderemeyebilir.
field To disable an input field in jQuery, use the prop() method. To enable an input field in jQuery, use the removeAttr() method. Example You can try to run the following code to learn how to enable and disable input field − <html> <head> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%20%3D%20%22https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fjquery%2F3.2.1%2Fjquery.min.js%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E%20%24(document).ready(function()%7B%20%24(%22%23btn1%22).click(function()%7B%20%24(%22input%22).prop(%22disabled%22%2C%20true)%3B%20%7D)%3B%20%24(%22%23btn2%22).click(function()%7B%20%24(%22input%22).removeAttr(%22disabled%22)%3B%20%7D)%3B%20%7D)%3B%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" /> </head> <body> <p><b>Note:</b> This example does not work in Internet Explorer 8 and earlier versions.</p> Name: <input type = "text" id = "test"> <button id = "btn1">Disable</button><br><br><br><br><br><br><br><br><br></body></html>
Düğmeler
Düğmeler, jQuery'de yaygın olarak kullanılan bir öğedir. Olay işleyicileri ile basit düğmeler veya daha karmaşık düğmeler oluşturmak için kullanılabilirler.
Basit bir düğme oluşturmak için,
Daha karmaşık bir düğme oluşturmak için
Etkinleştirme / Devre dışı
Etkinleştir ve Devre Dışı Bırak, bir sayfadaki öğelerin görünürlüğünü kontrol etmenize izin veren iki jQuery işlevidir.
