இந்தக் கட்டுரையானது, ஜாவாஸ்கிரிப்டில் HTML DOM உள்ளீட்டு ரேடியோ 'சரிபார்க்கப்பட்ட' சொத்தின் நோக்கம், செயல்பாடு மற்றும் பயன்பாடு ஆகியவற்றை விளக்குகிறது.
ஜாவாஸ்கிரிப்டில் HTML DOM உள்ளீட்டு ரேடியோ 'சரிபார்க்கப்பட்ட' சொத்து என்றால் என்ன?
உள்ளீட்டு ரேடியோ 'சரிபார்க்கப்பட்ட' பண்பு HTML படிவங்கள் மற்றும் உள்ளீட்டு புலங்களில் 'ரேடியோ' பொத்தானின் நிலையை அமைக்கவும் சரிபார்க்கவும் வேலை செய்கிறது.
தொடரியல் (சரிபார்க்கப்பட்ட சொத்தை அமைக்கவும்)
ரேடியோ பொருள். சரிபார்க்கப்பட்டது = உண்மை | பொய்வரையறுக்கப்பட்ட வருவாய் தொடரியல் படி, 'சரிபார்க்கப்பட்ட' சொத்து கீழே பட்டியலிடப்பட்டுள்ள இரண்டு அளவுருக்களை ஆதரிக்கிறது:
- உண்மை: தொடர்புடைய உறுப்பு சரிபார்க்கப்பட்டதை இது குறிக்கிறது.
- பொய்: தொடர்புடைய உறுப்பு தேர்வு செய்யப்படவில்லை என்பதை இது குறிக்கிறது.
தொடரியல் (திரும்ப சரிபார்க்கப்பட்ட சொத்து)
ரேடியோ பொருள். சரிபார்க்கப்பட்டதுமேலே உள்ள தொடரியல், ' ரேடியோ பொருள் HTML ஐக் குறிக்கிறது <உள்ளீடு> 'ரேடியோ' என்ற வகை உறுப்பு.
கொடுக்கப்பட்ட நடைமுறை எடுத்துக்காட்டுகளின் உதவியுடன் HTML DOM உள்ளீட்டு ரேடியோ 'சரிபார்க்கப்பட்ட' சொத்தின் பயன்பாட்டை விளக்க, மேலே வரையறுக்கப்பட்ட தொடரியல்களைப் பயன்படுத்துவோம்.
எடுத்துக்காட்டு 1: உள்ளீட்டு ரேடியோ 'சரிபார்க்கப்பட்ட' பண்பைப் பயன்படுத்துதல் அடிப்படை தொடரியல் பயன்படுத்துதல்
முதல் எடுத்துக்காட்டில், வரையறுக்கப்பட்ட பொதுவான தொடரியல் மூலம் அதன் 'சரிபார்க்கப்பட்ட' சொத்தை அமைக்க 'ரேடியோ' பொத்தான் உருவாக்கப்பட்டது.
HTML குறியீடு
முதலில், கூறப்பட்ட HTML குறியீட்டைப் பாருங்கள்:
< உடல் நடை = 'உரை-சீரமைப்பு: மையம்' >
< h2 > HTML DOM உள்ளீடு ரேடியோ சரிபார்க்கப்பட்ட சொத்து h2 >
நிறம் : < உள்ளீடு வகை = 'வானொலி' ஐடி = 'மஞ்சள்' > மஞ்சள் < br >< br >
< பொத்தானை கிளிக் செய்யவும் = 'colorCheck()' > காசோலை 'மஞ்சள்' பொத்தானை >
< பொத்தானை கிளிக் செய்யவும் = 'colorUncheck()' > தேர்வுநீக்கவும் 'மஞ்சள்' பொத்தானை >
மேலே உள்ள குறியீடு வரிகளில்:
- ' <உடல்> 'குறியீடு' உடன் சீரமைக்கப்பட்ட உடல் பகுதியை வரையறுக்கிறது மையம் ”.
- ' ” குறிச்சொல் முதல் துணைத்தலைப்பைக் குறிப்பிடுகிறது.
- ' <உள்ளீடு> உள்ளீட்டு வகையைக் குறிப்பிடுவதன் மூலம் 'ரேடியோ' பொத்தானைக் குறிச்சொல் சேர்க்கிறது வானொலி 'ஒதுக்கப்பட்ட ஐடியுடன்' மஞ்சள் ”.
- ' <பொத்தான்> 'குறிச்சொல்' உடன் தொடர்புடைய ஒரு எளிய பொத்தானைச் சேர்க்கிறது கிளிக் செய்யவும் 'செயல்படுத்தும் நிகழ்வு' வண்ண சரிபார்ப்பு() ” செயல்பாடு பொத்தானைக் கிளிக் செய்வதன் மூலம் அணுகப்படும்.
- இதேபோல், மற்றொரு ' <பொத்தான்> '' குறிச்சொல்லை அழைக்க ஒரு பொத்தானை உருவாக்குகிறது வண்ணத் தேர்வு () பொத்தான் கிளிக் மீது செயல்பாடு.
ஜாவாஸ்கிரிப்ட் குறியீடு
அடுத்து, கொடுக்கப்பட்ட ஜாவாஸ்கிரிப்ட் குறியீட்டைப் பின்பற்றவும்:
< கையால் எழுதப்பட்ட தாள் >செயல்பாடு வண்ண சரிபார்ப்பு ( ) {
ஆவணம். getElementById ( 'மஞ்சள்' ) . சரிபார்க்கப்பட்டது = உண்மை ;
}
செயல்பாடு நிறம் தேர்வுநீக்கு ( ) {
ஆவணம். getElementById ( 'மஞ்சள்' ) . சரிபார்க்கப்பட்டது = பொய் ;
}
கையால் எழுதப்பட்ட தாள் >
மேலே உள்ள குறியீடு துணுக்கில்:
- முதல் செயல்பாடு ' வண்ண சரிபார்ப்பு() 'பயன்படுத்துகிறது' document.getElementById() 'ரேடியோ பொத்தானைப் பெறுவதற்கான முறை, இணைக்கவும்' சரிபார்க்கப்பட்டது 'சொத்து மற்றும் அதன் மதிப்பை 'உண்மை' என அமைக்கவும்.
- மறுபுறம், செயல்பாடு ' வண்ணத் தேர்வு () '' இன் மதிப்பை அமைக்கிறது சரிபார்க்கப்பட்டது அணுகப்பட்ட ரேடியோ பொத்தானுக்கு எதிராக 'தவறு' சொத்து.
வெளியீடு
பார்த்தபடி, வெளியீடு பொத்தானில் உள்ள 'ரேடியோ' பொத்தானைச் சரிபார்க்கிறது ('சரிபார்ப்பு' என்று பெயரிடப்பட்டது) கிளிக் செய்து, பொத்தானின் ('தேர்வுநீக்கு') கிளிக்கில் தேர்வுநீக்கும்.
எடுத்துக்காட்டு 2: உள்ளீட்டு ரேடியோ 'சரிபார்க்கப்பட்ட' மதிப்பை வழங்குதல்
இந்த உதாரணம், இலக்கு வைக்கப்பட்ட 'ரேடியோ' பொத்தானின் நிலையை பூலியன் மதிப்பாக வழங்க, உள்ளீட்டு ரேடியோ 'சரிபார்க்கப்பட்ட' பண்பைப் பயன்படுத்துகிறது.
HTML குறியீடு
பின்வரும் HTML குறியீட்டைக் கவனியுங்கள்:
< உடல் நடை = 'உரை-சீரமைப்பு: மையம்' >< h2 > HTML DOM உள்ளீடு ரேடியோ சரிபார்க்கப்பட்ட சொத்து h2 >
நிறம் : < உள்ளீடு வகை = 'வானொலி' சரிபார்க்கப்பட்டது = உண்மை ஐடி = 'மஞ்சள்' > மஞ்சள் < br >< br >
< பொத்தானை கிளிக் செய்யவும் = 'colorCheck()' > காசோலை 'மஞ்சள்' பொத்தானை >
< p id = 'மாதிரி' >< ப >
மேலே உள்ள குறியீடு தொகுதியில், ' வானொலி ” பொத்தான் உருவாக்கப்பட்டு அதன் நிலை ” சரிபார்க்கப்பட்டது 'சொத்து அமைக்கப்பட்டுள்ளது' உண்மை ”. அதன் பிறகு, இதேபோல், கூறப்பட்ட செயல்பாடு இணைக்கப்பட்ட வழியாக செயல்படுத்தப்படுகிறது ' கிளிக் செய்யவும் ” என்ற பொத்தானுடன் நிகழ்வு.
ஜாவாஸ்கிரிப்ட் குறியீடு
இப்போது, பின்வரும் குறியீடு வரிகளைக் கவனியுங்கள்:
< கையால் எழுதப்பட்ட தாள் >செயல்பாடு வண்ண சரிபார்ப்பு ( ) {
எங்கே = ஆவணம். getElementById ( 'மஞ்சள்' ) . இயல்புநிலை சரிபார்க்கப்பட்டது ;
ஆவணம். getElementById ( 'மாதிரி' ) . உள் HTML = டி ;
}
கையால் எழுதப்பட்ட தாள் >
மேலே உள்ள குறியீடு துணுக்கில்:
- ஒரு செயல்பாட்டை வரையறுக்கவும் ' வண்ண சரிபார்ப்பு() ”.
- அதன் வரையறையில், ' document.getElementById() 'ரேடியோ' பட்டனை அதன் 'மஞ்சள்' ஐடியைப் பயன்படுத்தி அணுகுவதற்கான முறை மற்றும் ' இயல்புநிலை சரிபார்க்கப்பட்டது 'இன் இயல்புநிலை மதிப்பை சரிபார்க்க சொத்து' சரிபார்க்கப்பட்டது ” பண்பு.
- இறுதியாக, விண்ணப்பிக்கவும் ' document.getElementById() சேர்க்கப்பட்டுள்ள வெற்றுப் பத்தியைப் பெறவும், 'சரிபார்க்கப்பட்ட' சொத்தின் நிலையைக் காட்டவும் மீண்டும் முறை.
.
வெளியீடு
பகுப்பாய்வு செய்யப்பட்டுள்ளபடி, கொடுக்கப்பட்ட 'ரேடியோ' பொத்தானின் நிலையை விளைவு வழங்குகிறது, அதாவது, ' உண்மை ” என்ற பொத்தானைக் கிளிக் செய்வதன் மீது.
முடிவுரை
ஜாவாஸ்கிரிப்டில், HTML DOM உள்ளீட்டு ரேடியோ 'சரிபார்க்கப்பட்ட' பண்பு 'ரேடியோ' பொத்தானின் சரிபார்க்கப்பட்ட நிலையை அமைக்கவும், திரும்பப் பெறவும் பயனுள்ளதாக இருக்கும். 'சரிபார்க்கப்பட்ட' சொத்தின் தொகுப்பு தொடரியல் இரண்டு மதிப்புகளில் செயல்படுகிறது ' உண்மை 'மற்றும்' பொய் ”. மறுபுறம், அதன் திரும்பிய தொடரியல் எந்த அளவுருவும் தேவையில்லை. இந்தக் கட்டுரையானது HTML DOM உள்ளீட்டு வானொலியின் நோக்கம், செயல்பாடு மற்றும் பயன்பாடு ஆகியவற்றை ஜாவாஸ்கிரிப்டில் 'சரிபார்க்கப்பட்ட' சொத்தை விளக்கியது.