HTML DOM ইনপুট রেডিও চেক করা সম্পত্তি

HTML DOM ইনপুট রেডিও চেক করা সম্পত্তি টাইপ রেডিও সহ একটি উপাদানের চেক করা সম্পত্তির সাথে যুক্ত। এটি মূলত রেডিও বোতামের চেক করা বৈশিষ্ট্যের মান সেট করতে বা ফেরত দিতে ব্যবহৃত হয়।

সিনট্যাক্স

−

-এর সিনট্যাক্স নিচে দেওয়া হল

চেক করা সম্পত্তি সেট করা হচ্ছে।

radioObject.checked = true|false

উদাহরণ

আসুন রেডিও চেক করা সম্পত্তি -

-এর জন্য একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<body>
<h1>Input Radio checked property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
<input type="radio" name="fruits" id="Apple">Apple
</form>
<br><button type=”button” onclick="checkApple()">Check Apple</button>
<script>
   function checkApple() {
      document.getElementById("Apple").checked = true;
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM ইনপুট রেডিও চেক করা সম্পত্তি

"চেক অ্যাপল" বোতামে ক্লিক করলে -

HTML DOM ইনপুট রেডিও চেক করা সম্পত্তি

উপরের উদাহরণে -

আমাদের একটি ফর্মের ভিতরে দুটি ইনপুট ক্ষেত্র রয়েছে যেখানে সাধারণ বৈশিষ্ট্য রয়েছে টাইপ=“রেডিও” এবং নাম=“ফল”। প্রথম রেডিও বোতামটির আইডি "আম" এবং দ্বিতীয়টির আইডি "অ্যাপল" -

<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
<input type="radio" name="fruits" id="Apple">Apple
</form>

তারপরে আমরা একটি "চেক অ্যাপল" বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে checkApple() পদ্ধতিটি কার্যকর করবে -

<button type=”button” onclick="checkApple()">Check Apple</button>

checkApple() মেথড getElementById() মেথড ব্যবহার করে টাইপ রেডিও সহ ইনপুট এলিমেন্ট পায় এবং এর চেক করা প্রপার্টি সত্যে সেট করে। এটি অ্যাপল রেডিও বোতাম চেক করে:−

function checkApple() {
   document.getElementById("Apple").checked = true;
}