Glavni problem s onemogućavanjem i omogućavanjem unosa je taj što može uzrokovati neočekivano ponašanje. Na primjer, ako onemogućite unos na obrascu, korisnici možda neće moći poslati obrazac.
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>
tipke
Gumbi su čest element u jQueryju. Mogu se koristiti za stvaranje jednostavnih gumba ili složenijih gumba s rukovateljima događajima.
Za izradu jednostavnog gumba upotrijebite
Za izradu složenijeg gumba upotrijebite
Omogući onemogući
Enable i Disable dvije su jQuery funkcije koje vam omogućuju kontrolu vidljivosti elemenata na stranici.