Jquery是一種流行的JavaScript庫,它可以讓開發者輕松地操作HTML文檔并添加交互效果。其中一個常見的操作就是設置表單中的input元素為只讀屬性。以下是如何使用Jquery實現這一功能。
$(document).ready(function(){ $("input").attr("readonly","readonly"); });
上面的代碼可以將所有input元素設置為只讀屬性。如果你只想設置特定的input元素為只讀屬性,你可以使用其ID或類名選擇器來指定:
$(document).ready(function(){ $("#myInput").attr("readonly","readonly"); $(".myClass").attr("readonly","readonly"); });
你也可以使用prop()方法來實現這個效果:
$(document).ready(function(){ $("#myInput").prop("readonly", true); $(".myClass").prop("readonly", true); });
如果你想要取消input元素的只讀屬性,可以將"readonly"屬性的值設置為false:
$(document).ready(function(){ $("#myInput").attr("readonly",false); });
以上就是如何使用Jquery設置輸入框的只讀屬性。希望這篇文章可以對您有所幫助。