اخفاء () زر الراديو * و * تسمية نص في مسج
-
22-07-2019 - |
سؤال
وأنا ذاهب إلى أكثر من مشروع حديث فرز المسائل المتعلقة بإمكانية الوصول وجعل متأكد من كان جميع عناصر النموذج العلامات. وضع نص التسمية إلى علامة تسبب في مشكلة مع بعض الرموز kludgy كنت قد كتبت من قبل.
وفي الأساس، إذا كان لديك زر الراديو وتسميته:
<label for="zone_r1"><input type="radio" name="zone" id="zone_r1" value="NY" />New York</label>
واستخدام مسج لإخفائه مثل ذلك:
$('#zone_r1').hide();
ويتم إخفاء زر الفعلي ولكن لا نص التسمية. أصلا أنا جعلت فترة للنص التسمية واختبأ أن مثل ذلك:
<input id="NY" type="radio" name="zone" value="NY" /><span id="nyTXT">New York</span>
و
$('#NY').hide();
$('#nyTXT').hide();
وأي أفكار؟ أنا أفضل عدم استخدام حل مشكلة وأنه قد لا تحقق مع تمتد في التسمية، ولكن ربما يكون أنا متحمس للغاية.
المحلول
$('#zone_r1').parent().hide();
ويعمل بالنسبة لي
نصائح أخرى
وأعتقد أن هذا يجب أن تعمل لك
$("label[for=zone_r1],#zone_r1").hide();
وهذا يحدد التسمية مع "ل" سمة لتعيين زر الراديو الخاص بك تبحث عنه، فضلا عن زر الاختيار نفسها، ويخفي لهم على حد سواء
وماذا عن $('label:has(#zone_r1)').hide();
ويمكنك القيام بذلك:
1) تحديد زر الإدخال دون تسمية المحيطة بها.
2). لف "نص الخيار" (النص إلى اليمين من زر الراديو) في <span>
.
و3) استخدام هذه مسج البيان: $("input:radio:not(:checked), input:radio:not(:checked) + span").hide();
وهذا سوف حدد زر الاختيار والنص إلى اليمين من زر الراديو وإخفائه.
وضعت للتو "التسمية" محدد في الأم:
$(':radio[id=zone_r1]').parent('label').hide();
والحاويات يختبئ زر الراديو أو TD على أساس القيمة
ومسج ( "مدخل [نوع = الراديو] [قيمة = 'EU2']") الأم () اخفاء ()؛.