JQuery সহ কোনও ফর্মের ভিতরে সমস্ত <ইনপুট> কীভাবে অক্ষম করবেন?


উত্তর:


283

পুরানো সংস্করণ আপনি ব্যবহার করতে পারে attr। JQuery 1.6 হিসাবে আপনার propপরিবর্তে ব্যবহার করা উচিত :

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

'লক্ষ্য' এর ভিতরে থাকা সমস্ত ফর্ম উপাদানগুলি অক্ষম করতে To দেখুন :input:

সমস্ত ইনপুট, টেক্সারিয়া, নির্বাচন করুন এবং বোতামের উপাদানগুলির সাথে মেলে।

আপনি যদি কেবল <input>উপাদানগুলি চান :

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

21
JQuery 1.6 হিসাবে আপনার ব্যবহার করা উচিত$("#target :input").prop("disabled", true);
ডানিজেল

4
কারও কারও উত্তর আপডেট করা পদ্ধতি সহ সম্পাদনা করা উচিত - এটি এই মুহুর্তে খারাপ তথ্য।
বেন ক্লার

এবং একটি জমা () কলব্যাকে, using (এটি) ব্যবহার করে এটি কীভাবে করবেন?
অলিভিয়ার পন্স

2
@OlivierPons $(this).closest('form').find('input').prop('disabled', true);। আপনি যদি আরও উন্নত করতে পারেন তবে নিশ্চিত নই, আমি jQuery এর চেয়েও নগ্ন।
wjervis

39

উপরের উদাহরণটি প্রযুক্তিগতভাবে ভুল। সর্বশেষতম jQuery হিসাবে, prop()পদ্ধতিটি অক্ষমের মতো জিনিসের জন্য ব্যবহার করা উচিত। তাদের এপিআই পৃষ্ঠা দেখুন।

'লক্ষ্য' এর ভিতরে থাকা সমস্ত ফর্ম উপাদানগুলিকে অক্ষম করতে, ইনপুট নির্বাচনকারীটি ব্যবহার করুন যা সমস্ত ইনপুট, টেক্সারিয়া, নির্বাচন করুন এবং বোতামের উপাদানগুলির সাথে মেলে।

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

আপনি যদি কেবল উপাদানগুলি চান তবে এটি ব্যবহার করুন।

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

15

এছাড়াও আরও সংক্ষিপ্ত উপায় হ'ল তাদের নির্বাচক ইঞ্জিন ব্যবহার করা। সুতরাং একটি ডিভ বা ফর্ম প্যারেন্টে সমস্ত ফর্ম উপাদানগুলি অক্ষম করতে।

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



8

এই এক লাইন দিয়ে আপনি কোনও ফর্মের মধ্যে কোনও ইনপুট ক্ষেত্র অক্ষম করতে পারেন

$('form *').prop('disabled', true);

এটি অকারণে ফর্মের প্রতিটি উপাদানগুলিতে একটি প্রতিবন্ধী সম্পত্তি যুক্ত করে।
ওসভালদো মারিয়া

@ ওসাল্ডোমারিয়া হ্যাঁ, এটি তারকা (সমস্ত) নির্বাচকের কারণে, আপনি অক্ষম করতে চান এমন সমস্ত ইনপুট উপাদানগুলিতে আপনি একটি কাস্টম-শ্রেণি যুক্ত করতে পারেন, তারপরে নির্বাচকটিকে $ ('ফর্ম। কাস্টম-ক্লাস') এ পরিবর্তন করতে পারেন prop 'অক্ষম', সত্য ')।
সমীর রহিমি

-1

এর যথাযথ উত্তর (সংস্করণ ১.6 এ jQuery এপিতে পরিবর্তনগুলি আবরণ) জ্নারফ দিয়েছেন


তিনি কেবল "সমস্ত ইনপুট অক্ষম করুন" নয়, "একটি ফর্মের সমস্ত ইনপুট অক্ষম করতে" বলেছিলেন asked
বেনগালা

@ বেনগালা নিশ্চিত, তবে আপনি আমাকে প্রথমে কঠোরভাবে চিহ্নিত করে দেখছেন যে প্রথমবারে API টি পরিবর্তিত হয়েছিল। আমি যখন পোস্ট করেছি তখন অন্য উত্তরগুলির মধ্যে এই পয়েন্টটি উল্লেখ করা হয়নি।
এরিচবিএসচুল্জ

আমি বুঝতে পারি, তবে আমার মনে হয় আপনার সংশ্লিষ্ট ক্রেডিটগুলির সাথে একটি সঠিক উত্তর অন্তর্ভুক্ত করা উচিত, লিঙ্কটি কেবলমাত্র সমস্ত ইনপুট কীভাবে অক্ষম করতে হবে তা দেখায়, যা আমি জোর দিয়েছি, এটি সমস্ত প্রশ্নের উত্তর দেয় না।
বেনগালা
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.