বিবরণ
HTML DOM Input Radio required প্রোপার্টি <input> এলিমেন্টের required অ্যাট্রিবিউটের সাথে জড়িত। Required প্রোপার্টি ব্যবহার করা হয় সেট ও রিটার্ন করার জন্য যে কোন রেডিও বাটন চেক করা বাধ্যতামূলক কিনা ফর্ম সার্ভারে সাবমিট করার আগে। এটি ফর্মকে সাবমিট হওয়া থেকে রোকে দেয় যদি required অ্যাট্রিবিউটসহ রেডিও বাটন ব্যবহারকারী দ্বারা অনচেক করা থাকে।
সিনট্যাক্স
Required প্রোপার্টি সেট করার সিনট্যাক্স:
radioObject.required = true|false
এখানে, true মানে রেডিও বাটন অবশ্যই চেক করতে হবে, false মানে ফর্ম সাবমিট করার আগে রেডিও বাটন চেক করা অপশনাল।
উদাহরণ
Input radio required প্রোপার্টির জন্য একটি উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Radio required property</h1> <form style="border:solid 1px green;padding:5px" action="/Sample_page.php"> FRUIT: <input type="radio" name="fruits" id="Mango" required>Mango <br><br> <input type="submit"> </form> <button type="button" onclick="checkReq()">CHECK</button> <p id="Sample"></p> <script> function checkReq() { var Req=document.getElementById("Mango").required; if(Req==true) document.getElementById("Sample").innerHTML="The radio button must be checked before submitting"; else document.getElementById("Sample").innerHTML="The radio button is optional and can be left unchecked by the user"; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CHECK বাটনে ক্লিক করার পর:
রেডিও বাটন অনচেক থাকা অবস্থায় "Submit" বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
- প্রথমে আমরা একটি ইনপুট রেডিও বাটন তৈরি করেছি যার id "Mango", name "fruits" এবং required অ্যাট্রিবিউট true সেট করা আছে। রেডিও বাটন একটি ফর্মের ভেতরে আছে যার action="Sample_page.php" যা নির্দেশ করে ফর্ম ডেটা কোথায় সাবমিট হবে সাবমিট বাটনে ক্লিক করলে। ফর্মে একটি ইনলাইন স্টাইলও আছে।
- তারপর একটি CHECK বাটন তৈরি করা হয়েছে যা ক্লিক করলে checkReq() মেথড এক্সিকিউট হবে।
- checkReq() মেথড getElementById() ব্যবহার করে type="radio" ইনপুট এলিমেন্ট পায় এবং এর required প্রোপার্টি পায়, যা আমাদের কেসে true রিটার্ন করে। রিটার্ন করা বুলিয়ান মান Req ভেরিয়েবলে অ্যাসাইন করা হয় এবং রিটার্ন করা মান true নাকি false তার উপর ভিত্তি করে উপযুক্ত মেসেজ "Sample" id वाले প্যারাগ্রাফে innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।
