HTML DOM ইনপুট রেডিও নিষ্ক্রিয় বৈশিষ্ট্যটি সেটিং বা রিটার্ন করার জন্য ব্যবহৃত হয় যদি রেডিও বোতামটি নিষ্ক্রিয় করা উচিত বা না করা উচিত। এটি বুলিয়ান মান ব্যবহার করে সত্য প্রতিনিধিত্বকারী উপাদানটিকে নিষ্ক্রিয় করা উচিত এবং অন্যথায় মিথ্যা হওয়া উচিত। অক্ষম সম্পত্তি ডিফল্টরূপে মিথ্যা সেট করা হয়. নিষ্ক্রিয় উপাদানটি ডিফল্টরূপে ধূসর হয়ে থাকে এবং ক্লিক করা যায় না।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলঅক্ষম সম্পত্তি সেট করুন৷
৷radioObject.disabled = true|false;
এখানে, true=রেডিও বোতামটি নিষ্ক্রিয় এবং মিথ্যা=রেডিও বোতামটি নিষ্ক্রিয় নয়। এটি ডিফল্টরূপে মিথ্যা৷
উদাহরণ
আসুন ইনপুট রেডিও অক্ষম সম্পত্তি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h1>Input radio disabled Property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
</form>
<p>Disable the above radio button by clicking on the DISABLE button</p>
<button type="button" onclick="disableRadio()">DISABLE</button>
<p id="Sample"></p>
<script>
function disableRadio() {
document.getElementById("Mango").disabled=true;
document.getElementById("Sample").innerHTML = "The radio button is now disabled" ;
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
নিষ্ক্রিয় বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে টাইপ=”রেডিও”, নাম=”ফল”, আইডি=”আম” সহ একটি ফর্মের ভিতরে একটি ইনপুট উপাদান তৈরি করেছি।
<form> FRUIT: <input type="radio" name="fruits" id="Mango">Mango </form>
তারপরে আমরা একটি নিষ্ক্রিয় বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে disableRadio() পদ্ধতিটি কার্যকর করবে -
<button type=”button” onclick="disableRadio()">DISABLE</button>
disableRadio() মেথড getElementById() মেথড ব্যবহার করে টাইপ রেডিও সহ ইনপুট এলিমেন্ট পায় এবং এর নিষ্ক্রিয় প্রপার্টিটিকে সত্যে সেট করে। এটি রেডিও বোতামটি ধূসর করে এবং ব্যবহারকারী আর এটির সাথে ইন্টারঅ্যাক্ট করতে পারে না:
function disableRadio() {
document.getElementById("Mango").disabled=true;
document.getElementById("Sample").innerHTML = "The radio button is now disabled" ;
} 