Khi phần tử bị tắt, nó không thể chấp nhận nhấp chuột. Để vô hiệu hóa một phần tử đầu vào, thuộc tính HTML bị vô hiệu hóa của nó phải là false
1. Sử dụng jQuery
Để đặt thuộc tính vô hiệu hóa hộp nhập liệu thành true hoặc false với jQuery, bạn có thể sử dụng hàm .
jQuery
1
2
3
4
5
6
7
8
9
10
11
12
$[tài liệu]. sẵn sàng[chức năng[] {
var disabled = false;
$['#submit'].nhấp chuột[chức năng[] {
nếu [bị vô hiệu hóa] {
$["#name"].prop['disabled', false]; // if disabled, enable
}
khác {
$["#name"].prop['disabled', true]; // if enabled, disable
}
đã tắt = . tắt;
}]
}];
HTML
1
2
3
4
5
Enter your name: Toggle Chỉnh sửa trong JSFiddle 1 2 3 4 5 6 7 8 9 10 11 $[tài liệu]. sẵn sàng[chức năng[] { $['#submit'].nhấp chuột[chức năng[] { var bị vô hiệu hóa = $["#name"].prop['disabled']; nếu [bị vô hiệu hóa] { $["#name"].prop['disabled', false]; // if disabled, enable } khác { $["#name"].prop['disabled', true]; // if enabled, disable } }] }]; Chỉnh sửa trong JSFiddle 1 2 3 4 5 6 7 8 9 10 11 $[tài liệu]. sẵn sàng[chức năng[] { $['#submit'].nhấp chuột[chức năng[] { var bị vô hiệu hóa = $["#name"].attr['disabled']; nếu [bị vô hiệu hóa === undefined] { $["#name"].attr['disabled', 'disabled']; } khác { $["#name"].removeAttr['disabled']; } }] }]; 1 2 3 4 5 Enter your name: Toggle Chỉnh sửa trong JSFiddle Với JavaScript đơn giản, bạn có thể sử dụng thuộc tính
Chúng tôi có thể đơn giản hóa mã để.
Ngoài ra, bạn có thể sử dụng phương thức để đặt thuộc tính disabled
của phần tử đầu vào và . removeAttr[] để xóa thuộc tính khỏi phần tử đầu vào. jQuery
HTML
2. Sử dụng JavaScript
disabled
của đối tượng DOM thực tế để bật hoặc tắt đầu vàoĐầu vào có phải là một thẻ trong HTML không?
Bị vô hiệu hóa một thuộc tính trong HTML?
Đầu vào bị vô hiệu hóa có được gửi không?
Làm cách nào để tắt chỉnh sửa trong HTML đầu vào?
Chủ Đề