خصوصية Input Checkbox checked

موضوع DOM Input Checkbox HTML

التعريف والاستخدام

checked إعداد أو إرجاع حالة مربع الاختيار.

هذا الخصوصية تعكس خاصية checked في HTML.

انظر أيضًا:

دليل 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
الدعم الدعم الدعم الدعم الدعم

موضوع DOM Input Checkbox HTML