HTML DOM इनपुट रेडियो ऑब्जेक्ट "रेडियो" प्रकार के साथ <इनपुट> तत्व से जुड़ा है। हम क्रमशः createElement() और getElementById() विधि का उपयोग करके टाइप रेडियो के साथ इनपुट तत्व बना और एक्सेस कर सकते हैं।
गुण
इनपुट रेडियो ऑब्जेक्ट के गुण निम्नलिखित हैं -
<टेबल> <थेड>यह सेट करने या वापस करने के लिए कि पेज लोड होने पर रेडियो बटन को स्वचालित रूप से फोकस करना चाहिए या नहीं।
रेडियो बटन की जाँच की गई स्थिति को सेट या वापस करने के लिए।
रेडियो बटन के लिए चेक की गई विशेषता डिफ़ॉल्ट मान वापस करने के लिए
रेडियो बटन डिफ़ॉल्ट मान सेट या वापस करने के लिए।
यह सेट करने या वापस करने के लिए कि रेडियो बटन ई अक्षम होना चाहिए या नहीं
रेडियो बटन वाले फॉर्म का संदर्भ वापस करने के लिए
रेडियो बटन का नाम विशेषता मान सेट या वापस करने के लिए।
फ़ॉर्म सबमिट करने से पहले रेडियो बटन की जांच करना अनिवार्य होने पर सेट करने या वापस करने के लिए।
रेडियो बटन के लिए प्रपत्र तत्व प्रकार वापस करने के लिए।
रेडियो बटन के मान विशेषता का मान सेट या वापस करने के लिए।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैएक इनपुट रेडियो ऑब्जेक्ट बनाना।
var R = document.createElement(“INPUT");
R.setAttribute("type", "radio"); उदाहरण
आइए इनपुट रेडियो ऑब्जेक्ट का एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<script>
function createRadio() {
var R = document.createElement("INPUT");
R.setAttribute("type", "Radio");
document.body.appendChild(R);
}
</script>
</head>
<body>
<h1>Input radio object</h1>
<p>Create an input field with type radio by clicking the below button</p>
<button type=”button” onclick="createRadio()">CREATE</button>
<br><br>
Mango:
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
क्रिएट बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने एक बटन बनाया है जो कि उपयोगकर्ता द्वारा क्लिक किए जाने पर createRadio() विधि को निष्पादित करेगा -
<button type=”button” onclick="createRadio()">CREATE</button>
createRadio() विधि पैरामीटर के रूप में "INPUT" पास करके <इनपुट> तत्व बनाने के लिए दस्तावेज़ ऑब्जेक्ट की createElement() विधि का उपयोग करती है। नव निर्मित इनपुट तत्व को वेरिएबल R को सौंपा गया है और setAttribute() विधि का उपयोग करके हम मान रेडियो के साथ एक प्रकार की विशेषता बनाते हैं।
याद रखें, setAttribute() विशेषता बनाता है और यदि विशेषता पहले मौजूद नहीं है तो मान निर्दिष्ट करती है। अंत में, दस्तावेज़ बॉडी पर एपेंडचाइल्ड () विधि का उपयोग करके हम इनपुट तत्व को टाइप रेडियो के साथ शरीर के बच्चे के रूप में जोड़ते हैं -
function createPASS() {
var R = document.createElement("INPUT");
R.setAttribute("type", "Radio");
document.body.appendChild(R);
}