முன்னிருப்பாக ரேடியோ பட்டனை எவ்வாறு தேர்ந்தெடுப்பது?

Munniruppaka Retiyo Pattanai Evvaru Terntetuppatu



HTML வடிவத்தில், ரேடியோ பொத்தான் பயன்படுத்தப்படுகிறது, அங்கு டெவலப்பர் பயனர்களை ஒரே ஒரு விருப்பத்தை வழங்க அல்லது தேர்ந்தெடுக்க வேண்டும். முன்னிருப்பாக பொத்தானை அமைப்பதன் நோக்கம் பயனர் ஒரு விருப்பத்தைத் தேர்ந்தெடுக்க வேண்டும் என்பதை உறுதி செய்வதாகும், ஏனெனில் இது பயனரை ஒரு விருப்பத்தை மட்டுமே தேர்வு செய்ய அனுமதிக்கிறது. இயல்பாகவே ரேடியோ பட்டனைத் தேர்ந்தெடுப்பதற்கான படிப்படியான வழிமுறைகளை இந்த வலைப்பதிவு விளக்குகிறது.

முன்னிருப்பாக ரேடியோ பட்டனை எவ்வாறு தேர்ந்தெடுப்பது?

இயல்பாக ' சரிபார்க்கப்பட்டது ரேடியோ பட்டனைத் தேர்ந்தெடுப்பதற்கு பண்புக்கூறு பயன்படுத்தப்படுகிறது. இந்த பண்பு பல ரேடியோ பொத்தான்களில் பயன்படுத்தப்பட்டால், மிக சமீபத்திய ரேடியோ பொத்தான் இயல்பாக தேர்ந்தெடுக்கப்படும். இயல்பாகவே ரேடியோ பட்டனைத் தேர்ந்தெடுக்க, படிப்படியான வலைப்பதிவைப் பின்பற்றவும்:

படி 1: ரேடியோ பட்டன்களை உருவாக்கவும்

HTML கோப்பில், மூன்று ரேடியோ பொத்தான்களை உருவாக்கி, அவற்றுடன் லேபிள்களை இணைக்கவும்:







< மையம் >

< h3 > உங்கள் அனுபவ நிலையைத் தேர்ந்தெடுக்கவும்: < / h3 >

< div >

< உள்ளீடு வகை = 'வானொலி' ஐடி = 'தொடக்க' பெயர் = 'அனுபவம்' மதிப்பு = 'தொடக்க' >

< முத்திரை க்கான = 'தொடக்க' > ஆரம்பநிலை < / முத்திரை >

< / div >

< div >

< உள்ளீடு வகை = 'வானொலி' ஐடி = 'இடைநிலை' பெயர் = 'அனுபவம்' மதிப்பு = 'இடைநிலை' >

< முத்திரை க்கான = 'இடைநிலை' > இடைநிலை < / முத்திரை >

< / div >

< div >

< உள்ளீடு வகை = 'வானொலி' ஐடி = 'முன்கூட்டியே' பெயர் = 'அனுபவம்' மதிப்பு = 'முன்கூட்டியே' >

< முத்திரை க்கான = 'முன்கூட்டியே' > அட்வான்ஸ் < / முத்திரை >

< / div >

< / மையம் >

மேலே உள்ள குறியீடு துணுக்கில்:



  • ரேடியோ பொத்தான் எளிய 'ஐ உருவாக்குவதன் மூலம் உருவாக்கப்பட்டது <உள்ளீடு> 'குறிச்சொற்கள் மற்றும் அதன் வகையை அமைத்தல்' வானொலி ”.
  • ஒவ்வொரு ரேடியோ பொத்தானுக்கும் 'பெயர்', 'ஐடி' மற்றும் 'மதிப்பு' ஆகியவற்றை ஒதுக்கவும்.
  • இறுதியில், பயன்படுத்தவும் ' ஐடி 'இணைக்க உள்ளீட்டு புலத்தின்' <லேபிள்> '' குறிச்சொல்லைப் பயன்படுத்தி ' க்கான ” பண்பு.

ஸ்கிரிப்டை இயக்கிய பின் கீழே உள்ள வெளியீடு:







ரேடியோ பொத்தான்கள் காட்டப்படுவதை படம் பிரதிபலிக்கிறது, ஆனால் அவை எதுவும் இயல்பாக தேர்ந்தெடுக்கப்படவில்லை.

படி 2: இயல்புநிலையாகத் தேர்ந்தெடுக்கவும்

' சரிபார்க்கப்பட்டது ” பண்புக்கூறு ரேடியோ பட்டனைத் தானாகத் தேர்ந்தெடுக்கப் பயன்படுத்தப்படுகிறது. இது ஒரே ஒரு விருப்பத்தைத் தேர்ந்தெடுக்கிறது. அதனால்தான் முன்னிருப்பாக ஒரு ரேடியோ பட்டனைத் தேர்ந்தெடுப்பது சிறந்த அணுகுமுறை. சரியான விருப்பத்தைத் தேர்ந்தெடுப்பதற்கு இது பயனரைக் கட்டுப்படுத்துகிறது:



< div >

< உள்ளீடு வகை = 'வானொலி' ஐடி = 'தொடக்க' பெயர் = 'அனுபவம்' மதிப்பு = 'தொடக்க' சரிபார்க்கப்பட்டது>

< முத்திரை க்கான = 'தொடக்க' > ஆரம்பநிலை < / முத்திரை >

< / div >

மேலே உள்ள குறியீட்டில், தி சரிபார்க்கப்பட்டது பண்புக்கூறு பயன்படுத்தப்படுகிறது மற்றும் இது முதல் உள்ளீட்டு புலத்திற்கு மட்டுமே ஒதுக்கப்படுகிறது.

இப்போது மேலே உள்ள குறியீட்டை இயக்கிய பின் வலைப்பக்கம் இப்படி இருக்கும்:

பக்கத்தின் ஒவ்வொரு புதுப்பிப்புக்கும் முன்னிருப்பாக முதல் ரேடியோ பொத்தான் தேர்ந்தெடுக்கப்பட்டதை வெளியீடு விளக்குகிறது.

போனஸ் உதவிக்குறிப்பு: முன்னிருப்பாக ரேடியோ பட்டனைத் தேர்ந்தெடுக்க ஜாவாஸ்கிரிப்டைப் பயன்படுத்துதல்

ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி இயல்பாக ரேடியோ பட்டனைத் தேர்ந்தெடுக்க, ஐடியைப் பயன்படுத்தி ரேடியோ பட்டனை அணுகவும். பின்னர், அதன் சரிபார்க்கப்பட்ட பண்புக்கூறைத் தேர்ந்தெடுத்து, அதன் பூலியன் மதிப்பை கீழே உள்ள குறியீட்டில் உள்ளதைப் போல 'உண்மை' என அமைக்கவும்:

< கையால் எழுதப்பட்ட தாள் >

document.getElementById ( 'தொடக்க' ) . சரிபார்க்கப்பட்டது = உண்மை;

< / கையால் எழுதப்பட்ட தாள் >

இந்த குறியீட்டில், ' தொடக்கக்காரர் ” என்பது அந்த ரேடியோ பட்டனின் ஐடி, இது இயல்பாகவே தேர்ந்தெடுக்கப்பட்டது.

ஸ்கிரிப்டை தொகுத்த பிறகு, கீழே உள்ள வெளியீடு:

மேலே உள்ள ஸ்னாப்ஷாட்டில், ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி முன்னிருப்பாக முதல் ரேடியோ பொத்தான் தேர்ந்தெடுக்கப்படும்.

முடிவுரை

ரேடியோ பொத்தானைத் தேர்ந்தெடுக்க, பயனர்கள் ' சரிபார்க்கப்பட்டது ” பண்பு. சரிபார்க்கப்பட்ட பண்புக்கூறு ஒன்றுக்கு மேற்பட்ட ரேடியோ பொத்தான்களில் பயன்படுத்தப்பட்டால், ரேடியோ பொத்தான் மிகச் சமீபத்திய “சரிபார்க்கப்பட்ட” பண்புக்கூறு மதிப்பைப் பெறுகிறது. ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி இயல்பாக ரேடியோ பட்டனைத் தேர்ந்தெடுக்க, ஐடியைப் பயன்படுத்தி ரேடியோ பட்டனை அணுகவும். இயல்பாகவே ரேடியோ பட்டனை எவ்வாறு தேர்ந்தெடுப்பது என்பதை இந்த வலைப்பதிவு வெற்றிகரமாக நிரூபித்துள்ளது.