এই নিবন্ধটি জাভাস্ক্রিপ্ট ব্যবহার করে সমস্ত চেকবক্স চেক এবং আনচেক করার পদ্ধতিগুলি প্রদর্শন করবে।
কিভাবে জাভাস্ক্রিপ্ট ব্যবহার করে সমস্ত চেকবক্স চেক এবং আনচেক করবেন?
জাভাস্ক্রিপ্টে সমস্ত চেকবক্স চেক এবং আনচেক করতে, আপনি আবেদন করতে পারেন:
উল্লেখিত পন্থাগুলো এখন একে একে আলোচনা করা হবে!
পদ্ধতি 1: 'চেকবক্সগুলি' সহ 'document.getElementsByName()' পদ্ধতি ব্যবহার করে জাভাস্ক্রিপ্টের সমস্ত চেকবক্স চেক এবং আনচেক করুন
দ্য ' document.getElementsByName() ” পদ্ধতি তার আর্গুমেন্টে নির্দিষ্ট নাম সহ উপাদানগুলিকে ফেরত দেয়। পাস করা নামের সাহায্যে প্রতিটি চেকবক্সের মান আনতে এই পদ্ধতি প্রয়োগ করা হবে।
আসুন প্রদর্শনের জন্য নিম্নলিখিত উদাহরণটি দিয়ে যাই।
উদাহরণ
প্রথমে, ইনপুট টাইপ হিসাবে নির্দিষ্ট করা হবে “ চেকবক্স এবং প্রতিটি চেকবক্সের বিপরীতে একটি নির্দিষ্ট নাম এবং মান বরাদ্দ করা হবে:
< ইনপুট টাইপ = 'চেকবক্স' নাম = 'শুধু' মান = 'পাইথন' > পাইথন < br />< ইনপুট টাইপ = 'চেকবক্স' নাম = 'শুধু' মান = 'জাভা' > জাভা < br />
< ইনপুট টাইপ = 'চেকবক্স' নাম = 'শুধু' মান = 'জাভাস্ক্রিপ্ট' > জাভাস্ক্রিপ্ট < br />
এখন, মান সহ একটি অতিরিক্ত চেকবক্স অন্তর্ভুক্ত করুন ' সবগুলু যাচাই করুন 'এবং একটি সংযুক্ত করুন' অনক্লিক() 'এই চেকবক্সের সাথে ইভেন্ট যা এমনভাবে কাজ করবে যখন চেকবক্সে ক্লিক করা হবে, ' চেক আনচেক করা হয়েছে বস্তুর সাথে ()' পদ্ধতিটি চালু করা হবে ' এই 'একটি যুক্তি হিসাবে:
< ইনপুট টাইপ = 'চেকবক্স' অনক্লিক = 'চেক আনচেক (এটি)' /> সবগুলু যাচাই করুন < br />
এর পরে, 'নামক একটি ফাংশন সংজ্ঞায়িত করুন চেক আনচেক() 'জাভাস্ক্রিপ্ট ফাইলে, 'নামের একটি ভেরিয়েবল সহ চেকবক্স 'একটি যুক্তি হিসাবে। এখন, '' ব্যবহার করে চেকবক্সের মানগুলি অ্যাক্সেস করুন document.getElementsByName() 'পদ্ধতি এবং 'এর মান রাখুন নাম ” তার যুক্তি হিসাবে বৈশিষ্ট্য.
অবশেষে, একটি প্রয়োগ করুন ' জন্য সমস্ত চেকবক্স মান বরাবর পুনরাবৃত্তি করতে লুপ করুন এবং 'কে ব্যবহার করুন চেক করা ' চেক করা হিসাবে তাদের সব চিহ্নিত করার জন্য সম্পত্তি:
ফাংশন চেক আনচেক করুন ( চেকবক্স ) {পাওয়া = নথি GetElementsByName ( 'শুধু' ) ;
জন্য ( ছিল = 0 ; i < পাওয়া. দৈর্ঘ্য ; i ++ ) {
পাওয়া [ i ] . চেক করা = চেকবক্স চেক করা ; }
}
আপনি দেখতে পাচ্ছেন, যখন ' সবগুলু যাচাই করুন ” চেকবক্স চিহ্নিত করা হয়েছে, অন্যান্য চেকবক্সগুলিও চেক করা হিসাবে চিহ্নিত করা হয়েছে:
পদ্ধতি 2: 'document.getElementsByName()' পদ্ধতি ব্যবহার করে জাভাস্ক্রিপ্টের সমস্ত চেকবক্স চেক এবং আনচেক করুন 'বোতামগুলি' সহ
দ্য ' document.getElementsByName() ” পদ্ধতি, আগের পদ্ধতিতে যেমন আলোচনা করা হয়েছে, তার আর্গুমেন্টে নির্দিষ্ট নাম সহ উপাদানগুলি নিয়ে আসে। এটি একটি ওয়েব পৃষ্ঠায় যোগ করা সমস্ত চেকবক্স চেক বা আনচেক করতে ব্যবহার করা যেতে পারে।
প্রদর্শনের জন্য নিম্নলিখিত উদাহরণটি দেখুন।
উদাহরণ
এখন, আমরা উভয়ের জন্য দুটি বোতাম অন্তর্ভুক্ত করব ' সব চেক করে ' এবং ' সবগুলো টিক মুছুন কার্যকারিতা। তারপর, একটি সংযুক্ত করুন ' অনক্লিক ” উভয় বোতাম সহ ইভেন্ট যা পৃথকভাবে নির্দিষ্ট ফাংশন অ্যাক্সেস করবে:
< ইনপুট টাইপ = 'বোতাম' অনক্লিক = 'চেক()' মান = 'সব চেক করে' />< ইনপুট টাইপ = 'বোতাম' অনক্লিক = 'আনচেক()' মান = 'সমস্তকে আনচেক করে' />
এর পরে, 'নামক একটি ফাংশন সংজ্ঞায়িত করুন চেক() 'এবং প্রয়োগ করুন' document.getElementsByName 'এর নির্দিষ্ট মান সহ পদ্ধতি ' নাম ” বৈশিষ্ট্য। তারপর, পুনরাবৃত্তি করুন ' জন্য ' পূর্ববর্তী পদ্ধতিতে আলোচনা করা সমস্ত চেকবক্স মান বরাবর লুপ করুন।
তাছাড়া, যখন সংশ্লিষ্ট বোতামটি ক্লিক করা হয়, তখন “ চেক করা ' সম্পত্তি সমস্ত চেকবক্স চিহ্নিত করবে এবং চেক করা অবস্থাটিকে ' হিসাবে সেট করবে সত্য ”:
ফাংশন চেক ( ) {ছাগল হতে = নথি GetElementsByName ( 'চেক' ) ;
জন্য ( ছিল = 0 ; i < পাওয়া. দৈর্ঘ্য ; i ++ ) {
পাওয়া [ i ] . চেক করা = সত্য ; }
}
এর পরে, 'নামক একটি ফাংশন সংজ্ঞায়িত করুন আনচেক() ', এবং চেক করা বক্সের বৈশিষ্ট্যটিকে ' হিসাবে চিহ্নিত করতে এটিতে বিপরীত কার্যকারিতা যোগ করুন মিথ্যা ”:
ফাংশন আনচেক করুন ( ) {ছাগল হতে = নথি GetElementsByName ( 'চেক' ) ;
জন্য ( ছিল = 0 ; i < পাওয়া. দৈর্ঘ্য ; i ++ ) {
পাওয়া [ i ] . চেক করা = মিথ্যা ; }
}
এটি আউটপুটে দেখতে পারে যে যোগ করা বোতামগুলি পুরোপুরি কাজ করছে:
আমরা জাভাস্ক্রিপ্ট ব্যবহার করে সমস্ত চেকবক্স চেক এবং আনচেক করার সবচেয়ে সহজ পদ্ধতি প্রদান করেছি।
উপসংহার
জাভাস্ক্রিপ্ট ব্যবহার করে সমস্ত চেকবক্স চেক এবং আনচেক করার জন্য, ' document.getElementsByName() 'সহ পদ্ধতি' চেকবক্স ' একটি চেকবক্স যোগ করতে এবং ফাংশনটি অ্যাক্সেস করতে, যার ফলে চেকবক্সগুলি চেক করা হবে বা 'এর সাথে একই পদ্ধতি প্রয়োগ করবে বোতাম ” সমস্ত নির্দিষ্ট মান চেক এবং আনচেক করার জন্য আলাদাভাবে দুটি বোতাম অন্তর্ভুক্ত করতে। এই লেখাটি জাভাস্ক্রিপ্ট ব্যবহার করে সমস্ত চেকবক্স চেক এবং আনচেক করার পদ্ধতি ব্যাখ্যা করেছে।