ویژگی Input Checkbox checked

عنصر Input Checkbox DOM HTML

تعریف و استفاده

checked تنظیم یا بازگشت وضعیت انتخاب چک باکس.

این ویژگی بازتاب ویژگی HTML checked است.

لطفاً به:

دستورالعمل HTML:ویژگی checked <input> HTML

مثال

مثال 1

تنظیم وضعیت انتخاب چک باکس:

function check() {
    document.getElementById("myCheck").checked = true;
}
function uncheck() {
    document.getElementById("myCheck").checked = false;
}

پس خودتان امتحان کنید

مثال 2

مطمئن شوید که چک باکس انتخاب شده است:

var x = document.getElementById("myCheck").checked;

پس خودتان امتحان کنید

مثال 3

با استفاده از چک باکس، متن ورودی را به حروف بزرگ تبدیل کنید:

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();

پس خودتان امتحان کنید

مثال 4

چندین چک باکس در فرم:

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
  if (coffee[i].checked) {
    txt = txt + coffee[i].value + " ";
  }
}
document.getElementById("order").value = "شما قهوه‌ای که سفارش دادید: " + txt;

پس خودتان امتحان کنید

آموزش عملی

بازگشت ویژگی checked:

checkboxObject.checked

تنظیم ویژگی checked:

checkboxObject.checked = حقیقت یا دروغ

مقدار ویژگی

مقدار توضیح
true|false

تعیین می‌کند که آیا گزینه انتخابی باید انتخاب شود یا خیر.

  • true - گزینه انتخابی انتخاب شده است
  • false - پیش‌فرض. گزینه انتخابی انتخاب نشده است

جزئیات فنی

مقدار بازگشتی: مقدار بولین، اگر گزینه انتخابی انتخاب شده باشد، بازمی‌گردد true، اگر گزینه انتخابی انتخاب نشده باشد، بازمی‌گردد false.

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

عنصر Input Checkbox DOM HTML