2009-10-24 39 views
12

मेरे पास रेडियो के कई समूहों के साथ एक फॉर्म है। प्रत्येक रेडियो में एक अद्वितीय आईडी होती है और उसके समूह में दूसरों के समान नाम होता है। पृष्ठ एक्सएचटीएमएल संक्रमण के रूप में मान्य है।फ़ायरफ़ॉक्स रेडियो बटन अजीबता

आईई 6 & 7, ओपेरा, सफारी और क्रोम में परीक्षण किया गया यह ठीक उसी तरह काम करता है जैसा आपको लगता है कि यह माउस या कीबोर्ड इनपुट से होगा।

फ़ायरफ़ॉक्स में यह पागल हो जाता है। समूह में किसी भी रेडियो पर एक क्लिक क्लिक किए गए समूह में पहला रेडियो सेट करता है। एक रेडियो पर एक डबल क्लिक आमतौर पर इसे चुनता है। किसी ने इसे पहले देखा?

नमूना समूह इस तरह दिखता है:

<input type="radio" name="upAndDown_1" id="upAndDown_11" value="Y" /> Y <br /> 
<input type="radio" name="upAndDown_1" id="upAndDown_12" value="N" checked="checked" /> N<br /> 
<input type="radio" name="upAndDown_1" id="upAndDown_13" value="NA" /> NA 

phonmomenon यहाँ परीक्षण किया जा सकता: http://www.nolaflash.com/stackoverflow/firefox_and_radios.html

किसी भी सलाह की सराहना की।

उत्तर

14

दोह! मेरे डिजाइनर के पास रेडियो के प्रत्येक समूह को लपेटने वाला एक टैग था। लेबल टैग को खत्म करने से फ़ायरफ़ॉक्स की अजीबता ठीक हो जाती है।

+1

हाँ, एक लेबल के अंदर एक इनपुट इनपुट के साथ लेबल जोड़ के रूप में माना जाता है: इस चाल करना चाहिए। यह HTML मानक का हिस्सा है, हालांकि आईई द्वारा समर्थित नहीं है। – bobince

+1

व्यवहार तब होता है जब आपके पास रेडियो के लिए एक ही आईडी होती है यदि आप एक ही नाम और अलग-अलग आईडी निर्दिष्ट करते हैं तो आपके पास यह प्रभाव नहीं होगा। –

5

यह वास्तव में आसपास के <label> टैग है जो फ़ायरफ़ॉक्स समस्या का कारण बनता है (हालांकि यह मान्य HTML है)। के रूप में अगर एक `= के लिए" ... "` उन्हें संबद्ध करने के लिए इस्तेमाल किया गया था,

<input type="radio" name="upAndDown_2" id="upAndDown_21" value="Y"/><label for="upAndDown_21">Y</label><br/> 
<input type="radio" name="upAndDown_2" id="upAndDown_22" value="N"/><label for="upAndDown_22">N</label><br/> 
<input type="radio" name="upAndDown_2" id="upAndDown_23" value="NA" checked="checked"/><label for="upAndDown_22">NA</label> 
संबंधित मुद्दे