JavaScript இல் HTML DOM உள்ளீடு தேர்வுப்பெட்டி முடக்கப்பட்ட சொத்து என்றால் என்ன

Javascript Il Html Dom Ullitu Tervuppetti Mutakkappatta Cottu Enral Enna



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

இந்தக் கட்டுரையானது ஜாவாஸ்கிரிப்டில் HTML DOM உள்ளீட்டு தேர்வுப்பெட்டி 'முடக்கப்பட்ட' சொத்தின் நோக்கம், வேலை மற்றும் பயன்பாடு ஆகியவற்றை விளக்குகிறது.

ஜாவாஸ்கிரிப்ட்டில் HTML DOM உள்ளீட்டு தேர்வுப்பெட்டி 'முடக்கப்பட்ட' சொத்து எவ்வாறு வேலை செய்கிறது?

உள்ளீட்டு தேர்வுப்பெட்டி ' ஊனமுற்றவர் ”சொத்து “செக்பாக்ஸ்” பண்புக்கூறைப் பொறுத்தது. கொடுக்கப்பட்ட தேர்வுப்பெட்டிகளை முடக்க மற்றும் முடக்க HTML படிவங்கள் மற்றும் உள்ளீட்டு புலங்களில் இது செயல்படுகிறது.







தொடரியல் (முடக்கப்பட்ட சொத்தை அமைக்கவும்)

தேர்வுப்பெட்டி பொருள். ஊனமுற்றவர் = உண்மை | பொய்

வரையறுக்கப்பட்ட வருவாய் தொடரியல் படி, 'முடக்கப்பட்ட' சொத்து பின்வருமாறு பட்டியலிடப்பட்டுள்ள இரண்டு அளவுருக்களை ஆதரிக்கிறது:



  • உண்மை: தொடர்புடைய தேர்வுப்பெட்டி முடக்கப்பட்டிருப்பதைக் குறிக்கிறது.
  • தவறான (இயல்புநிலை மதிப்பு): இது தொடர்புடைய தேர்வுப்பெட்டி முடக்கப்படவில்லை என்பதைக் குறிக்கும் விருப்ப மதிப்பாகும்.

திரும்பவும் (முடக்கப்பட்ட சொத்தை திருப்பித் தரவும்)

தேர்வுப்பெட்டி பொருள். ஊனமுற்றவர்

மேலே உள்ள தொடரியல், ' தேர்வுப்பெட்டி பொருள் 'HTML உடன் ஒத்துள்ளது' தேர்வுப்பெட்டி ”உறுப்பு.



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





எடுத்துக்காட்டு 1: உள்ளீடு செக்பாக்ஸ் 'முடக்கப்பட்டது' பண்பைப் பயன்படுத்துதல் அடிப்படை தொடரியல் பயன்படுத்துதல்

முதல் எடுத்துக்காட்டில், வரையறுக்கப்பட்ட பொதுவான தொடரியல் மூலம் அதை முடக்க 'செக்பாக்ஸ்' சேர்க்கப்பட்டுள்ளது.

HTML குறியீடு

முதலில், கொடுக்கப்பட்ட HTML குறியீட்டை பகுப்பாய்வு செய்யுங்கள்:



< உடல் நடை = 'உரை-சீரமைப்பு: மையம்' >

< h2 > HTML DOM உள்ளீடு தேர்வுப்பெட்டி JavaScript இல் முடக்கப்பட்ட சொத்து h2 >

தேர்வுப்பெட்டி : < உள்ளீடு வகை = 'செக்பாக்ஸ்' ஐடி = 'டெமோ' > படிவம் சமர்ப்பிக்கப்பட்டது < br >< br >

< > கொடுக்கப்பட்ட தேர்வுப்பெட்டி முடக்கப்பட்டுள்ளது >

மேலே உள்ள குறியீடு வரிகளில்:

  • ' <உடல்> 'குறியீடு' க்கு சீரமைக்கப்பட்ட உடல் பகுதியைக் குறிப்பிடுகிறது மையம் '' உதவியுடன் பாணி ” பண்பு.
  • '

    ” குறிச்சொல் நிலை 2 இன் துணைத்தலைப்பை வரையறுக்கிறது.

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

    ” குறிச்சொல் விளைவான விளைவைக் காட்ட ஒரு பத்தி உறுப்பைச் சேர்க்கிறது.

ஜாவாஸ்கிரிப்ட் குறியீடு

அடுத்து, ஜாவாஸ்கிரிப்ட் குறியீட்டைப் பாருங்கள்:

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

ஆவணம். getElementById ( 'டெமோ' ) . ஊனமுற்றவர் = உண்மை ;

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

மேலே உள்ள குறியீடு துணுக்கில், ' document.getElementById() 'டெமோ' ஐடியைப் பயன்படுத்தி தேர்வுப்பெட்டியைப் பெற 'முறை பயன்படுத்தப்படுகிறது மற்றும் 'முடக்கப்பட்ட' சொத்தின் மதிப்பு ' உண்மை ” இது தேர்வுப்பெட்டியை முடக்குகிறது.

வெளியீடு

கொடுக்கப்பட்ட தேர்வுப்பெட்டி முடக்கப்பட்டிருப்பதை மேலே உள்ள வெளியீடு உறுதிப்படுத்துகிறது ஊனமுற்றவர் 'சொத்து அமைக்கப்பட்டது' உண்மை ”.

எடுத்துக்காட்டு 2: உள்ளீட்டு தேர்வுப்பெட்டியை 'முடக்கப்பட்டது' சொத்து மதிப்பை வழங்குதல்

இலக்கிடப்பட்ட தேர்வுப்பெட்டியின் நிலையை பூலியன் மதிப்பாக (உண்மை/தவறு) வழங்க இந்த உதாரணம் 'முடக்கப்பட்ட' பண்புகளைப் பயன்படுத்துகிறது.

HTML குறியீடு

பின்வரும் HTML குறியீட்டைக் கவனியுங்கள்:

< உடல் நடை = 'உரை-சீரமைப்பு: மையம்' >

< h2 > HTML DOM உள்ளீடு தேர்வுப்பெட்டி JavaScript இல் முடக்கப்பட்ட சொத்து h2 >

தேர்வுப்பெட்டி : < உள்ளீடு வகை = 'செக்பாக்ஸ்' ஊனமுற்றவர் = உண்மை ஐடி = 'டெமோ' > படிவம் சமர்ப்பிக்கப்பட்டது < br >< br >

< p id = 'மாதிரி' > >

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

  • தேர்வுப்பெட்டி ஒதுக்கப்பட்டுள்ளது மற்றும் அதன் நிலை ' ஊனமுற்றவர் 'சொத்து அமைக்கப்பட்டுள்ளது' உண்மை ”.
  • அதன் பிறகு, ஒரு காலி'

    வெளியீட்டைச் சேர்க்க, ஒதுக்கப்பட்ட ஐடி 'மாதிரி' உடன் 'உறுப்பு சேர்க்கப்படுகிறது.

ஜாவாஸ்கிரிப்ட் குறியீடு

இப்போது, ​​ஜாவாஸ்கிரிப்ட் குறியீட்டிற்குச் செல்லவும்:

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

அங்கே ஒரு = ஆவணம். getElementById ( 'டெமோ' ) . ஊனமுற்றவர் ;

ஆவணம். getElementById ( 'மாதிரி' ) . உள் HTML = ;

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

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

  • மாறி' 'பயன்படுத்துகிறது' document.getElementById() 'டெமோ' ஐடியைப் பயன்படுத்தி தேர்வுப்பெட்டியை அணுகுவதற்கான முறை மற்றும் ' ஊனமுற்றவர் ” பெறப்பட்ட தேர்வுப்பெட்டி முடக்கப்பட்டுள்ளதா இல்லையா என்பதைச் சரிபார்க்கும் சொத்து.
  • மீண்டும் பயன்படுத்தப்படும் “document.getElementById()” முறை சேர்க்கப்பட்ட வெற்றுப் பத்தியைப் பெற்று, “முடக்கப்பட்ட” சொத்தின் நிலையைப் பத்தியாகக் காட்டுகிறது.

வெளியீடு

பகுப்பாய்வு செய்தபடி, விளைவு 'செக்பாக்ஸ்' ஒதுக்கப்பட்ட நிலையை வழங்குகிறது, அதாவது, ' உண்மை ”.

எடுத்துக்காட்டு 3: உள்ளீடு செக்பாக்ஸ் 'முடக்கப்பட்டது' பண்பைப் பயன்படுத்தி தேர்வுப்பெட்டியை முடக்கவும் மற்றும் முடக்கவும்

தேர்வுப்பெட்டியின் நிலையை அமைத்து, திரும்பப் பெறுவதைத் தவிர, 'முடக்கப்பட்ட' பண்பு பயனர்களை ஒரே நேரத்தில் தேர்வுப்பெட்டியை முடக்கவும் முடக்கவும் அனுமதிக்கிறது. அதை நடைமுறையில் பார்க்கலாம்.

HTML குறியீடு

எழுதப்பட்ட HTML குறியீட்டை மதிப்பாய்வு செய்வோம்:

< உடல் நடை = 'உரை-சீரமைப்பு: மையம்' >

< h2 > HTML DOM உள்ளீடு தேர்வுப்பெட்டி JavaScript இல் முடக்கப்பட்ட சொத்து h2 >

தேர்வுப்பெட்டி : < உள்ளீடு வகை = 'செக்பாக்ஸ்' ஐடி = 'டெமோ' > படிவம் சமர்ப்பிக்கப்பட்டது உள்ளீடு >< br >< br >

< பொத்தானை கிளிக் செய்யவும் = 'செக் டிசேபிள்()' > தேர்வுப்பெட்டியை முடக்கு பொத்தானை >

< பொத்தானை கிளிக் செய்யவும் = 'சரிபார்க்க முடியாது()' > தேர்வுப்பெட்டியை முடக்கு பொத்தானை >

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

  • அதேபோல், ஒரு தேர்வுப்பெட்டியைச் சேர்த்து, '' என்ற பட்டனைச் சேர்க்கவும் கிளிக் செய்யவும் 'செயல்படுத்தும் நிகழ்வு' முடக்கு() பொத்தான் கிளிக் மீது செயல்பாடு.
  • அதன் பிறகு, இரண்டாவது பொத்தான் சேர்க்கப்பட்டது, அது 'ஆன்க்ளிக்' நிகழ்வு ஹேண்ட்லரைப் பயன்படுத்தி ' சரிபார்க்கவும் நீக்க முடியாத() பொத்தானை கிளிக் செய்யும் போது செயல்பாடு.

ஜாவாஸ்கிரிப்ட் குறியீடு

அடுத்து, கீழே குறிப்பிடப்பட்டுள்ள குறியீட்டிற்குச் செல்லவும்:

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

செயல்பாடு சோதனை முடக்கு ( ) {

ஆவணம். getElementById ( 'டெமோ' ) . ஊனமுற்றவர் = உண்மை ;

}

செயல்பாடு சரிபார்ப்பு நீக்க முடியாதது ( ) {

ஆவணம். getElementById ( 'டெமோ' ) . ஊனமுற்றவர் = பொய் ;

}

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

மேலே உள்ள குறியீடு வரிகளில்:

  • ஒரு செயல்பாட்டை வரையறுக்கவும் ' முடக்கு() 'இது பொருந்தும்' document.getElementById() ”செக்பாக்ஸை அதன் ஐடி “டெமோ” வழியாக அணுகி அதன் மதிப்பை “உண்மை” என அமைக்கும் முறை.
  • இரண்டாவது செயல்பாடு ' சரிபார்க்கவும் நீக்க முடியாத() 'செக்பாக்ஸை மீண்டும் அணுகுவதற்கு 'document.getElementById()' முறையை மீண்டும் பயன்படுத்துகிறது மற்றும் 'செக்பாக்ஸை முடக்கு' என்று பெயரிடப்பட்ட இரண்டாவது பொத்தானைப் பயனர் கிளிக் செய்தால், அதன் மதிப்பை 'தவறு' என அமைக்கவும்.

வெளியீடு

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

முடிவுரை

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