2011-01-13 21 views
25

Topladığımdan, bir radyo düğmesinin etiketini tıklanabilir yapmak için, her iki öğeye de aynı "ad" özellik değerini atamanız gerekir.Tıklanabilir etiketli Radyo Grupları

Sorun şu ki, birden fazla radyo düğmesine sahip olduğunuzda, "evet veya hayır" tipi seçimi söyleyin. Birini tıklatırsanız, diğerini devre dışı bırakmak için her iki radyo düğmesinin "ad" özelliğinin de aynı değer olması gerekir.

Her ikisini birden yapmak mümkün mü?

<label for="no">No</label> 
<input type="radio" name="no" value="no" /> 

<label for="yes">Yes</label> 
<input type="radio" name="yes" value="yes" /> 

cevap

44

id ( adı değil) özelliğini etiketin for özelliğiyle sevk edilmelidir. Bu böyle olmalı: Ayrıca kimlikleri olmadan etiketleri yazabilir http://jsfiddle.net/zzsSw/

<label for="no">No</label> 
<input type="radio" name="mygroup" id="no" value="no" /> 

<label for="yes">Yes</label> 
<input type="radio" name="mygroup" id="yes" value="yes" /> 
+1

mantıklı. Şimdi her iki öğe için doğru ismi atayabilir miyim? http://jsfiddle.net/zzsSw/1/ –

37

:

<label> 
    <input type="radio" name="mygroup" /> 
    My clickable caption 
</label> 

veya onay kutusu

<label> 
    <input type="checkbox" name="mygroup[]" /> 
    My clickable caption 
</label> 
+5

Bu cevap benimkinden daha iyi. – Ish

+0

Bunun daha iyi olduğuna katılmıyorum. Eğer eski IE'yi desteklemeniz gerekiyorsa, isimleri olan elemanlar hem ID'leri hem de isimleri arayacak olan document.getElementById' tarafından bulunabilir. Açıklamalar altında http://msdn.microsoft.com/en-us/library/ie/ms536437(v=vs.85).aspx adresine bakın. Eğer IE7 veya aşağısı hala sizin için bir hedefse (IE10'u destekliyor olsanız da, IE7 standartlarında vb. Olsa bile), bu elemanlara gerçekten isim ve ID koymanız gerekir. –

+0

Böyle bir HTML yazdım ve şimdi bunu yaptığım için pişmanım. Altyazı için programlı olarak yeniden konumlandırmak için açık bir yol göremiyorum. bir masa düzeni. – Cuadue