اخفاء () زر الراديو * و * تسمية نص في مسج

Question

وأنا ذاهب إلى أكثر من مشروع حديث فرز المسائل المتعلقة بإمكانية الوصول وجعل متأكد من كان جميع عناصر النموذج العلامات. وضع نص التسمية إلى علامة تسبب في مشكلة مع بعض الرموز 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();

وأي أفكار؟ أنا أفضل عدم استخدام حل مشكلة وأنه قد لا تحقق مع تمتد في التسمية، ولكن ربما يكون أنا متحمس للغاية.

Answer 1

$('#zone_r1').parent().hide();

ويعمل بالنسبة لي

Answer 2

وأعتقد أن هذا يجب أن تعمل لك

$("label[for=zone_r1],#zone_r1").hide();

وهذا يحدد التسمية مع "ل" سمة لتعيين زر الراديو الخاص بك تبحث عنه، فضلا عن زر الاختيار نفسها، ويخفي لهم على حد سواء

Answer 3

وماذا عن $('label:has(#zone_r1)').hide();

Answer 4

لزر الاختيار الأول، يمكنك إخفاء زر الفعلي ومن ثم الأم :

$('#zone_r1').hide().parent().hide();

لالحالة الثانية يمكنك إخفاء زر و" المقبل " الأخوة:

$('#NY').hide().next().hide();

Answer 5

ويمكنك القيام بذلك:

1) تحديد زر الإدخال دون تسمية المحيطة بها.

2). لف "نص الخيار" (النص إلى اليمين من زر الراديو) في <span>.

.

و3) استخدام هذه مسج البيان: $("input:radio:not(:checked), input:radio:not(:checked) + span").hide();

وهذا سوف حدد زر الاختيار والنص إلى اليمين من زر الراديو وإخفائه.

Answer 6

وضعت للتو "التسمية" محدد في الأم:

$(':radio[id=zone_r1]').parent('label').hide();

بلدي على سبيل المثال jsFiddle

Answer 7

والحاويات يختبئ زر الراديو أو TD على أساس القيمة

ومسج ( "مدخل [نوع = الراديو] [قيمة = 'EU2']") الأم () اخفاء ()؛.