فواصل

درس خانات الإختيار الغير محدده HTML5

كلنا يعرف أن خانات الإختيار ليس لها فقط سوي قيمتين لا ثالث لهما:أن تقوم باختيارها أو لا تقوم

والنسخه الأصليه تكون دائما غير مختاره (unchecked)

ويمكنك التحكم في ذلك عن طريق كود html كما كالتالي:

[html] <code><!– Default to unchecked –> <input type="checkbox" /> <!– Default to checked, XHTML –> <input type="checkbox" checked="checked" /> <!– Default to checked, HTML5 –> <input type="checkbox" checked="checked" /></code>
<span style="font-family: monospace;">[/html]

في الحقيقه هناك ثلاثة أنواع من صندوق الإختيار :(الإختيار,عدم الإختيار,أو في المنتصف)
وشكلها يكون كالتالي:

هناك بعض الأشياء ينبغي عليك معرفتها عن صندوق الإختيار (في المنتصف):
1-لا يمكنك عمل صندوق اختيار(حاله وسط) عن طريق html لأن ليس هناك خاصيه حاله وسط بها والتي
يمكنك تعديله بالجافا سكريبت
الجافا سكريبت:

 

[html] var checkbox = document.getElementById("some-checkbox");
checkbox.indeterminate = true;
[/html]

جي كويري:

[html] $("#some-checkbox").prop("indeterminate", true); // prop is jQuery 1.6+
[/html]

الحاله الوسط تكون مرئيه فقط ويبقي صندوق الإختيار إما به علامه اختيار او لا يوجد اختيار

وهذا يعني أن هذه الحاله الوسط تكون بمثابه قيمه حقيقيه للصندوق المختار

حاله الإستخدام:

عندما يكون صندوق الإختيار الأساسي له صندوق فرعي وتحتاج الي أن تقوم بإختيار الفرعي فضلا عن الأساسي
لمشاهده التنفيذ يرجي الضغط هنا

مقالات ذات صلة

اضف رد