توضح هذه المقالة الغرض من خاصية HTML DOM Input Radio ووظائفها واستخدامها 'المحددة' في JavaScript.
ما هي خاصية HTML DOM Input Radio 'محددة' في JavaScript؟
تعمل خاصية 'تحديد راديو الإدخال' على نماذج HTML وحقول الإدخال لتعيين حالة زر 'الراديو' والتحقق منها.
بناء الجملة (تعيين خاصية محددة)
radioObject. التحقق = حقيقي | خطأ شنيعوفقًا لبناء جملة الإرجاع المحدد ، تدعم الخاصية 'selected' معلمتين مدرجتين أدناه:
- حقيقي: إنه يمثل أن العنصر المقابل محددًا.
- خطأ شنيع: يشير إلى أن العنصر المقابل لم يتم تحديده.
بناء الجملة (إرجاع خاصية التحقق)
radioObject. التحققفي الصيغة أعلاه ، ' radioObject 'يشير إلى HTML' <إدخال> 'عنصر نوع' راديو '.
دعنا نستخدم التركيبات المحددة أعلاه لشرح استخدام خاصية HTML DOM Input Radio 'محددة' بمساعدة أمثلة عملية معينة.
مثال 1: تطبيق خاصية Input Radio 'محددة' استخدام النحو الأساسي
في المثال الأول ، تم إنشاء زر 'راديو' لتعيين خاصية 'محددة' باستخدام الصيغة العامة المحددة.
كود HTML
أولاً ، انظر إلى كود HTML المذكور:
< نمط الجسم = 'محاذاة النص: الوسط' >
< h2 > لغة البرمجة خاصية التحقق من راديو الإدخال DOM h2 >
لون : < نوع الإدخال = 'مذياع' بطاقة تعريف = 'أصفر' > أصفر < ر > < ر >
< زر عند النقر = 'colorCheck ()' > يفحص 'أصفر' زر >
< زر عند النقر = 'colorUncheck ()' > قم بإلغاء التحديد 'أصفر' زر >
في سطور الكود أعلاه:
- ال ' <الجسم> 'العلامة التي تحدد قسم النص المحاذي لـ' مركز '.
- ال ' 'علامة العنوان الفرعي الأول.
- ال ' <إدخال> 'تضيف زر' راديو 'بتحديد نوع الإدخال' مذياع 'بمعرف مخصص' أصفر '.
- ال ' <زر> 'تضيف زرًا بسيطًا مرتبطًا بـ' عند النقر 'لتنفيذ' colorCheck () 'التي سيتم الوصول إليها عند النقر فوق الزر.
- وبالمثل ، هناك ' <زر> 'ينشئ زرًا لاستدعاء' اللون ”وظيفة عند النقر فوق الزر.
كود جافا سكريبت
بعد ذلك ، اتبع كود JavaScript المحدد:
< النصي >وظيفة colorCheck ( ) {
وثيقة. getElementById ( 'أصفر' ) . التحقق = حقيقي ؛
}
لون الوظيفة ( ) {
وثيقة. getElementById ( 'أصفر' ) . التحقق = خطأ شنيع ؛
}
النصي >
في مقتطف الشفرة أعلاه:
- الوظيفة الأولى ' colorCheck () 'يستخدم' document.getElementById () 'لجلب زر الاختيار ، اربط' التحقق 'وتعيين قيمتها على' صواب '.
- من ناحية أخرى ، فإن الوظيفة ' اللون 'يحدد قيمة' التحقق 'إلى' خطأ 'مقابل زر الراديو الذي تم الوصول إليه.
انتاج |
كما رأينا ، يتحقق الإخراج من زر 'راديو' الموجود على الزر (المسمى 'تحقق') انقر فوق وإلغاء تحديد 'عند النقر فوق الزر (' إلغاء تحديد ').
مثال 2: إرجاع قيمة راديو الإدخال 'المحددة'
يطبق هذا المثال خاصية Input Radio 'محددة' لإرجاع حالة زر 'Radio' المستهدف كقيمة منطقية.
كود HTML
ضع في اعتبارك كود HTML التالي:
< نمط الجسم = 'محاذاة النص: الوسط' >< h2 > لغة البرمجة خاصية التحقق من راديو الإدخال DOM h2 >
لون : < نوع الإدخال = 'مذياع' التحقق = حقيقي بطاقة تعريف = 'أصفر' > أصفر < ر > < ر >
< زر عند النقر = 'colorCheck ()' > يفحص 'أصفر' زر >
< ع معرف = 'عينة' > < ص >
في كتلة التعليمات البرمجية أعلاه ، ' مذياع 'تم إنشاء الزر وحالة' التحقق 'على' حقيقي '. بعد ذلك ، وبالمثل ، يتم استدعاء الوظيفة المذكورة عبر ' عند النقر 'مع الزر.
كود جافا سكريبت
الآن ، ضع في اعتبارك سطور التعليمات البرمجية التالية:
< النصي >وظيفة colorCheck ( ) {
أين = وثيقة. getElementById ( 'أصفر' ) . الافتراضي ؛
وثيقة. getElementById ( 'عينة' ) . داخلي HTML = ر ؛
}
النصي >
في مقتطف الشفرة أعلاه:
- حدد وظيفة باسم ' colorCheck () '.
- في تعريفه ، تطبيق ' document.getElementById () 'للوصول إلى زر' راديو 'باستخدام معرفه' أصفر 'وإقران' الافتراضي 'للتحقق من القيمة الافتراضية لـ' التحقق ' يصف.
- أخيرًا ، قم بتطبيق ' document.getElementById () 'مرة أخرى لجلب الفقرة الفارغة المضمنة وعرض حالة الخاصية' المحددة '.
.
انتاج |
كما تم تحليله ، تُرجع النتيجة حالة زر 'الراديو' المحدد ، أي ' حقيقي 'عند النقر فوق الزر.
خاتمة
في JavaScript ، تكون خاصية HTML DOM Input Radio 'محددة' مفيدة لتعيين وإرجاع الحالة المحددة لزر 'Radio'. يعمل بناء الجملة المحدد للخاصية 'المحددة' على قيمتين ' حقيقي ' و ' خطأ شنيع '. من ناحية أخرى ، لا يتطلب بناء الجملة العائد أي معلمة. توضح هذه المقالة الهدف والوظيفة والاستخدام لخاصية HTML DOM Input Radio 'محددة' في JavaScript.