HTML DOM ইনপুট রেডিও প্রয়োজনীয় সম্পত্তি একটি উপাদানের প্রয়োজনীয় বৈশিষ্ট্যের সাথে যুক্ত। সার্ভারে ফর্ম জমা দেওয়ার আগে কিছু রেডিও বোতাম চেক করা বা না করার প্রয়োজন হলে প্রয়োজনীয় সম্পত্তি সেটিং এবং ফেরত দেওয়ার জন্য ব্যবহার করা হয়। প্রয়োজনীয় বৈশিষ্ট্য সহ একটি রেডিও বোতাম ব্যবহারকারীর দ্বারা চেক না করা থাকলে এটি ফর্মটিকে জমা না দেওয়ার অনুমতি দেয়৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলপ্রয়োজনীয় সম্পত্তি সেট করা হচ্ছে।
radioObject.required = true|false
এখানে, সত্য প্রতিনিধিত্ব করে রেডিও বোতামটি অবশ্যই টিক চিহ্ন দিতে হবে যখন মিথ্যা প্রতিনিধিত্ব করে ফর্ম জমা দেওয়ার আগে রেডিও বোতামটি পরীক্ষা করার জন্য তার ঐচ্ছিক প্রতিনিধিত্ব করে৷
উদাহরণ
আসুন ইনপুট রেডিও প্রয়োজনীয় সম্পত্তির জন্য একটি উদাহরণ দেখি -
<!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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেক বোতামে ক্লিক করলে -
রেডিও বোতাম চেক না করেই "জমা দিন" বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে "আম" আইডি সহ একটি ইনপুট রেডিও বোতাম তৈরি করেছি, নাম "ফল" এবং প্রয়োজনীয় বৈশিষ্ট্যটি সত্য হিসাবে সেট করেছি। একটি ফর্মের ভিতরে রেডিও বোতামটি রয়েছে যার মধ্যে রয়েছে action=”Sample_page.php” যেখানে ফর্ম ডেটা জমা দিতে হবে তা উল্লেখ করার জন্য যখন সাবমিট বোতামে ক্লিক করা হয়। ফর্মটিতে একটি ইনলাইন শৈলীও প্রয়োগ করা হয়েছে −
<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>
তারপরে আমরা একটি চেক বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে checkReq() পদ্ধতিটি কার্যকর করবে৷
<button type=”button” onclick="checkReq()">CHECK</button>
checkReq() পদ্ধতিটি getElementById() পদ্ধতি ব্যবহার করে টাইপ রেডিও সহ ইনপুট উপাদান পেতে এবং এর প্রয়োজনীয় সম্পত্তি পেতে, যা আমাদের ক্ষেত্রে সত্য হয়। প্রত্যাবর্তিত বুলিয়ান মানটি একটি পরিবর্তনশীল Req-এ বরাদ্দ করা হয় এবং প্রত্যাবর্তিত মানের উপর ভিত্তি করে এটি সত্য বা মিথ্যা কিনা আমরা তার অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে "নমুনা" আইডি সহ অনুচ্ছেদে উপযুক্ত বার্তা প্রদর্শন করি -
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";
} 