در HTML از خصوصیت checked برای قرار دادن برخی از المان های <input> (چک باکس ها و دکمه های رادیویی) در حالت از پیش انتخاب شده (یا تیک خورده) استفاده میشود.
خصوصیت checked در HTML، یک خصوصیت بولی به حساب میآید. به این معنا که تنها درج این خصوصیت برای یک المان مناسب کافیست تا آن را به یک المان انتخاب شده تبدیل کند. این خصوصیت برای چک باکس ها و دکمه های رادیویی (المان های <input> با نوع checkbox و radio) استفاده میشود.
در صورت استفاده از خصوصیت checked، المان موردنظر هنگام لود صفحه در حالت انتخاب شده قرار میگیرد. مثال زیر نمونه استفاده از خصوصیت checked را برای یک چک باکس در HTML نمایش میدهد:
<input type="checkbox" id="python" name="skill" value="python" checked>
<label for="python">Python</label>نمایی از نتیجه کد HTML فوق را در ادامه مشاهده میکنید:
مثال زیر نیز نمونه استفاده از خصوصیت checked را برای دکمه رادیویی دوم از سه دکمه رادیویی نمایش میدهد:
<input type="radio" id="suv" name="car" value="suv">
<label for="suv">SUV</label><br>
<input type="radio" id="sedan" name="car" value="sedan" checked>
<label for="sedan">Sedan</label><br>
<input type="radio" id="van" name="car" value="van">
<label for="van">Van</label>نمایی از نتیجه کد HTML فوق را در ادامه مشاهده میکنید:
نکته 1: خصوصیت checked وضعیت فعلی انتخاب بودن یا عدم انتخاب یک چک باکس یا دکمه رادیویی را نشان نمیدهد. به عبارت بهتر، درج این خصوصیت تنها مشخص میکند چک باکس یا دکمه رادیویی موردنظر به صورت پیشفرض انتخاب شده باشد. اگر وضعیت انتخاب یا عدم انتخاب این المانها تغییر کند خصوصیت checked تغییری نخواهد کرد.
نکته 2: در میان دکمههای رادیویی که مقدار یکسانی برای خصوصیت name دارند، تنها یک دکمه میتواند در حالت انتخاب باشد. بنابراین صرفا درج خصوصیت checked برای یکی از این المانها مجاز است.
