Làm thế nào để vô hiệu hóa tất cả <input > bên trong một biểu mẫu với jQuery?

Question

<form id="target"> 
.... 
</form> 

Answer 1

Trong các phiên bản cũ hơn, bạn có thể sử dụng attr. Đối với jQuery 1.6, bạn nên sử dụng prop thay thế:

$("#target :input").prop("disabled", true); 

Để tắt tất cả các phần tử biểu mẫu bên trong 'mục tiêu'. Xem :input:

Khớp tất cả các yếu tố đầu vào, văn bản, chọn và nút.

Nếu bạn chỉ muốn <input> yếu tố:

$("#target input").prop("disabled", true); 

Answer 2

Ví dụ ở trên là không chính xác về mặt kỹ thuật. Mỗi jQuery mới nhất, sử dụng phương thức prop() nên được sử dụng cho những thứ như bị vô hiệu hóa. See their API page.

Để tắt tất cả các phần tử biểu mẫu bên trong 'mục tiêu', hãy sử dụng bộ chọn đầu vào khớp với tất cả các yếu tố đầu vào, văn bản, chọn và nút.

$("#target :input").prop("disabled", true); 

Nếu bạn chỉ muốn các phần tử, hãy sử dụng phần tử này.

$("#target input").prop("disabled", true); 

Answer 3

Ngoài ra, cách súc tích hơn là sử dụng công cụ chọn của họ. Vì vậy, để vô hiệu hóa tất cả các yếu tố hình thức trong một div hoặc hình thức cha mẹ.

$myForm.find(':input:not(:disabled)').prop('disabled',true) 

Answer 4

Câu trả lời dứt khoát (bao gồm thay đổi jQuery api tại phiên bản 1.6) đã được đưa ra bởi Gnarf

Answer 5

Để vô hiệu hóa tất cả các hình thức, dễ dàng như viết:

jQuery 1.6 +

$("#form :input").prop("disabled", true); 

jQuery 1.5 và nhỏ hơn

$("#form :input").attr('disabled','disabled'); 

Answer 6

bạn có thể thêm

<fieldset class="fieldset"> 

và sau đó bạn có thể gọi

$('.fieldset').prop('disabled', true);