चेकबॉक्स चुना हुआ है तो टेक्स्ट कैसे दिखाएं

JavaScript के द्वारा चेकबॉक्स को चुना हुआ है कि नहीं की जांच करें。

चेकबॉक्स चुना हुआ है तो कुछ टेक्स्ट दिखाएं:

चेकबॉक्स:

चेकबॉक्स को चुना हुआ है कि नहीं की जांच करें

पहला कदम - HTML जोड़ें:

Checkbox: <input type="checkbox" id="myCheck" onclick="myFunction()">
<p id="text" style="display:none">Checkbox is CHECKED!</p>

दूसरा कदम - JavaScript जोड़ें:

function myFunction() {
  // चेकबॉक्स प्राप्त करें
  var checkBox = document.getElementById("myCheck");
  // आउटपुट टेक्स्ट प्राप्त करें
  var text = document.getElementById("text");
  // यदि इस चेकबॉक्स को चुना हुआ है, तो आउटपुट टेक्स्ट दिखाएं
  if (checkBox.checked == true){
    text.style.display = "block";
  } else {
    text.style.display = "none";
  }
}

स्वयं अभिप्राय से प्रयोग करें