Rumah > Artikel > hujung hadapan web > Bagaimana untuk menambah atribut baca sahaja pada input dalam jquery
Bagaimana untuk menambah atribut baca sahaja pada input dalam jquery
- 青灯夜游asal
- 2021-11-16 15:59:265248semak imbas
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!