شرح صفوف ومحتوى الفقرة
إلى جانب حالتَي التحديد checked والتعطيل disabled القياسيتين في HTML، يدعم مربع الاختيار حالة ثالثة تُعرف بالحالة الوسطى غير الحاسمة :indeterminate وتظهر بصرياً على هيئة شرطة أفقية بيضاء في منتصف المربع.
تُستخدم هذه الحالة في واجهات الجداول وصلاحيات المستخدمين عندما يحدد المستخدم بعض البنود الفرعية ويترك بعضها الآخر فارغاً. لاحظ أنه لا توجد سمة نصية باسم indeterminate في كود HTML، بل تُضبط حصراً عبر خاصية الكائن في JavaScript بكتابة checkbox.indeterminate = true.
HTML
<div class="form-check">
<input class="form-check-input" type="checkbox" id="all">
<label class="form-check-label" for="all">All</label>
</div>
<script>
document.getElementById('all').indeterminate = true;
</script>