Cara menambah atribut baca sahaja pada input dalam jquery: 1. Gunakan pernyataan "$("input")" untuk mendapatkan objek input 2. Gunakan attr() untuk menambah atribut baca sahaja objek input yang diperolehi, sintaks "input object.attr("readonly","readonly");".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
Atribut baca sahaja bagi input--baca sahaja
atribut baca sahaja menyatakan bahawa medan input ialah baca sahaja.
Medan baca sahaja tidak boleh diubah suai. Walau bagaimanapun, pengguna masih boleh tab ke medan dan memilih atau menyalin teksnya.
Atribut baca sahaja menghalang pengguna daripada mengubah suai nilai sehingga syarat tertentu dipenuhi (seperti kotak semak sedang diperiksa). Kemudian, anda perlu menggunakan JavaScript untuk menghapuskan nilai baca sahaja dan menukar medan input kepada keadaan boleh diedit.
Bagaimana untuk menambah atribut baca sahaja pada input dalam jquery?
Dalam jquery, anda boleh menggunakan kaedah attr() untuk menambah atribut baca sahaja pada elemen input. Kaedah
attr() menetapkan atau mengembalikan nilai atribut bagi elemen yang dipilih.
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("input").attr("readonly","readonly");
});
});
</script>
<style type="text/css">
.intro {
font-size: 120%;
color: red;
}
</style>
</head>
<body>
<input type="text" value="hello"/><br /><br />
<button>给input添加只读属性</button>
</body>
</html>
Cadangan tutorial berkaitan: tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk menambah atribut baca sahaja pada input dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah pemalam jquery?
Bagaimana untuk mengendalikan json dengan jquery
Bagaimana untuk memadam elemen dalam jquery
Apa yang perlu dilakukan jika tiada kursor apabila mengklik pada kotak input
Penggunaan kaedah jQuery hover().
jquery melaksanakan kaedah paging
Apakah elemen tersembunyi dalam jquery
Apa yang ditonjolkan dalam jquery
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
