क्या आप सभी रेडियो बटनों के माध्यम से टैब कर सकते हैं?

Question

मेरे पास रेडियो बटन की एक सूची है। जब मैं उनके माध्यम से टैब करता हूं, ऐसा लगता है कि केवल पहला रेडियो बटन या चुना गया है, तो बाकी रेडियो बटन छोड़े जाएंगे। चेकबॉक्स में यह समस्या नहीं थी।

http://jsfiddle.net/2Bd32/

मैं एक मुश्किल समय मेरी क्यूए करने के लिए समझाने के लिए यह एक बग नहीं है। क्या कोई मुझे बता सकता है कि ऐसा क्यों होता है। एक नाम साथ

Soccer: <input type="checkbox" name="sports" value="soccer" tabindex="1" /><br /> 
Football: <input type="checkbox" name="sports" value="football" tabindex="2" /><br /> 

<input type="radio" name="num" value="3" tabindex="3">3<br> 
<input type="radio" name="num" value="4" tabindex="4">4<br> 
<input type="radio" name="num" value="5" tabindex="5">5<br> 
<input type="radio" name="num" value="6" tabindex="6">6<br> 
<input type="radio" name="num" value="7" tabindex="7">7<br> 

Baseball: <input type="checkbox" name="sports" value="baseball" tabindex="8" /><br /> 
Basketball: <input type="checkbox" name="sports" value="basketball" tabindex="9" /> 

Answer 1

आप डब्ल्यू 3 सी को अपने स्रोत, here और here के रूप में उद्धृत कर सकते हैं।

अनिवार्य रूप से एक रेडियो बटन एक समूह है जो एक तत्व के रूप में कार्य करता है क्योंकि यह केवल एक ही मान को बनाए रखता है। एक रेडियो समूह के लिए टैब्स आपको पहले आइटम पर लाएगा और फिर उस तीर कुंजियों का उपयोग करेगा जो आप समूह के भीतर नेविगेट करते हैं। (सहायक प्रौद्योगिकी तंत्र के माध्यम से)

• टैब कुंजी
• किसी पहुंच कुंजी या लेबल
• लेबल का सक्रिय हो जाना लक्षित कर स्मरक:

  • फोकस के माध्यम से एक रेडियो समूह के लिए ले जा सकते हैं टैब कुंजी रेडियो बटन समूहों और अन्य विजेट्स के बीच फ़ोकस करती है।
  • जब फोकस जब कोई रेडियो बटन का चयन किया जाता समूह और पर है:
    • टैब कुंजी प्रेस चाल समूह में प्रथम रेडियो बटन को ध्यान केंद्रित है, लेकिन रेडियो बटन का चयन नहीं करता है।
    • Shift + Tab कुंजी प्रेस समूह समूह में पिछले रेडियो बटन पर फ़ोकस करता है, लेकिन रेडियो बटन का चयन नहीं करता है।
  • समूह है जिसमें एक रेडियो बटन चयन किया है, टैब और Shift + Tab कुंजी का उपयोग करने के लिए है ध्यान केंद्रित चाल रेडियो बटन कि चेक किया गया है करने के लिए ध्यान देने के ले जाते हैं।
  • ऊपर तीर और नीचे तीर कुंजी फोकस और चयन स्थानांतरित करें।
    • ऊपर तीर कुंजी प्रेस फोकस और समूह में रेडियो बटन के माध्यम से चयन आगे बढ़ता है। यदि पहले रेडियो बटन पर ध्यान केंद्रित किया गया है, तो समूह में अंतिम रेडियो बटन पर फ़ोकस और चयन स्थानांतरित करें।
    • नीचे तीर कुंजी प्रेस फोकस पर ध्यान केंद्रित करें और समूह में रेडियो बटन के माध्यम से पिछड़ा चयन करें। यदि अंतिम रेडियो बटन पर ध्यान केंद्रित किया गया है, तो फ़ोकस और चयन समूह में पहले रेडियो बटन पर जाएं। * स्पेस बार कुंजी प्रेस रेडियो बटन की जांच करता है जो वर्तमान में फ़ोकस करता है।
  • जब समूह को फिर से दर्ज करना, फोकस पिछले फोकस (चयन सेट वाला आइटम) पर वापस लौटाता है।
  • टैब कुंजी दबाकर समूह से बाहर निकलता है और अगले स्वरूप नियंत्रण पर ध्यान केंद्रित करता है।
  • दबाकर Shift + Tab कुंजी समूह से बाहर निकलती है और पिछले फ़ॉर्म नियंत्रण पर फ़ोकस करती है।

Answer 2

रेडियो बटन एकल नियंत्रण की तरह (इनपुट या चयन की तरह) है, तो आप इसे तीर कुंजियों के साथ मूल्य बदल सकते हैं, टैब कुंजी चाल एक और नियंत्रित करने के लिए ध्यान केंद्रित।

Answer 3

आप AngularJS का उपयोग कर रहे हैं, तो आप एक ही ng-model का उपयोग करने और name को हटाने के द्वारा रेडियो बटन ng-model के साथ सीधे नियंत्रित कर सकते हैं।

<input type="radio" value="0" ng-model="status"> 
<input type="radio" value="1" ng-model="status"> 

अब टैब प्रेस के बगल में एक और लाभ यह है कि आप वास्तव में इसे चुनने के बिना रेडियो बटन पर ध्यान केंद्रित कर सकते हैं। फिर आप स्पेस दबाकर चुन सकते हैं।