html - weschool - كيفية اختيار زر الراديو بشكل افتراضي؟




weschool html (4)

XHTML الحل:

<input type="radio" name="imgsel" value="" checked="checked" />

يرجى ملاحظة أن القيمة الفعلية للسمة checked غير مهمة بالفعل ؛ انها مجرد اتفاقية لتعيين "checked" . الأهم من ذلك ، أن سلاسل مثل "true" أو "false" ليس لها أي معنى خاص.

إذا كنت لا تهدف إلى مطابقة XHTML ، فيمكنك تبسيط الكود إلى:

<input type="radio" name="imgsel" value="" checked>

https://code.i-harness.com

هذا السؤال لديه بالفعل إجابة هنا:

لدي بعض أزرار الاختيار وأريد أن يتم تعيين أحدها على النحو المحدد بشكل افتراضي عند تحميل الصفحة. كيف أقوم بذلك؟

<input type="radio" name="imgsel"  value=""  /> 

أضف هذه السمة:

checked="checked"

لقد وصلوا إلى حد كبير هناك ... تمامًا مثل مربع الاختيار ، كل ما عليك فعله هو إضافة السمة المحددة = "محددة" مثل:

<input type="radio" checked="checked">

... وكنت قد حصلت عليه.

في صحتك!


هذا لا يجيب على السؤال بالضبط ولكن لأي شخص يستخدم AngularJS في محاولة لتحقيق ذلك ، فإن الجواب مختلف قليلا. وفي الواقع لن تعمل الإجابة العادية (على الأقل لم يكن ذلك بالنسبة لي).

سوف تبدو أتش تي أم أل مشابهة جدا لزر الراديو العادي:

<input type='radio' name='group' ng-model='mValue' value='first' />First
<input type='radio' name='group' ng-model='mValue' value='second' /> Second

في جهاز التحكم لديك ستعلن عن mValue المرتبط بأزرار الراديو. لجعل أحد أزرار الاختيار هذه محددًا مسبقًا ، قم بتعيين متغير $scope المرتبط بالمجموعة إلى قيمة الإدخال المطلوب:

$scope.mValue="second"

يؤدي ذلك إلى تحديد زر الاختيار "الثاني" عند تحميل الصفحة.





radio-button