چگونه زمانی که چک باکس انتخاب شود، متن نمایش داده شود

با استفاده از 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";
  }
}

آزمایش کنید