ఈ కథనం జావాస్క్రిప్ట్లో HTML DOM ఇన్పుట్ రేడియో “చెక్ చేయబడిన” ప్రాపర్టీ యొక్క ప్రయోజనం, కార్యాచరణ మరియు వినియోగాన్ని ప్రదర్శిస్తుంది.
జావాస్క్రిప్ట్లో HTML DOM ఇన్పుట్ రేడియో 'చెక్ చేయబడిన' ప్రాపర్టీ అంటే ఏమిటి?
'రేడియో' బటన్ స్థితిని సెట్ చేయడానికి మరియు తనిఖీ చేయడానికి ఇన్పుట్ రేడియో 'చెక్ చేయబడిన' ప్రాపర్టీ HTML ఫారమ్లు మరియు ఇన్పుట్ ఫీల్డ్లలో పని చేస్తుంది.
సింటాక్స్ (సెట్ చెక్డ్ ప్రాపర్టీ)
రేడియో ఆబ్జెక్ట్. తనిఖీ చేశారు = నిజం | తప్పుడునిర్వచించిన రిటర్న్ సింటాక్స్ ప్రకారం, 'చెక్ చేయబడిన' ప్రాపర్టీ క్రింద జాబితా చేయబడిన రెండు పారామితులకు మద్దతు ఇస్తుంది:
- నిజం: సంబంధిత మూలకం తనిఖీ చేయబడిందని ఇది సూచిస్తుంది.
- తప్పు: సంబంధిత మూలకం ఎంపిక చేయబడలేదు అని ఇది సూచిస్తుంది.
సింటాక్స్ (రిటర్న్ చెక్డ్ ప్రాపర్టీ)
రేడియో ఆబ్జెక్ట్. తనిఖీ చేశారుపై వాక్యనిర్మాణంలో, “ రేడియో ఆబ్జెక్ట్ 'HTML'ని సూచిస్తుంది <ఇన్పుట్> ” మూలకం దీని రకం “రేడియో”.
ఇచ్చిన ఆచరణాత్మక ఉదాహరణల సహాయంతో HTML DOM ఇన్పుట్ రేడియో 'చెక్ చేయబడిన' ప్రాపర్టీ వినియోగాన్ని వివరించడానికి పైన-నిర్వచించిన సింటాక్స్లను ఉపయోగిస్తాము.
ఉదాహరణ 1: ఇన్పుట్ రేడియో 'చెక్ చేయబడిన' ప్రాపర్టీని వర్తింపజేయడం ప్రాథమిక వాక్యనిర్మాణాన్ని ఉపయోగించడం
మొదటి ఉదాహరణలో, 'రేడియో' బటన్ నిర్వచించబడిన సాధారణ వాక్యనిర్మాణాన్ని ఉపయోగించి దాని 'తనిఖీ చేసిన' ఆస్తిని సెట్ చేయడానికి సృష్టించబడుతుంది.
HTML కోడ్
ముందుగా, పేర్కొన్న HTML కోడ్ను చూడండి:
< శరీర శైలి = 'టెక్స్ట్-అలైన్: సెంటర్' >
< h2 > HTML DOM ఇన్పుట్ రేడియో తనిఖీ చేయబడిన ఆస్తి h2 >
రంగు : < ఇన్పుట్ రకం = 'రేడియో' id = 'పసుపు' > పసుపు < br >< br >
< బటన్ క్లిక్ చేయండి = 'colorCheck()' > తనిఖీ 'పసుపు' బటన్ >
< బటన్ క్లిక్ చేయండి = 'colorUncheck()' > ఎంపికను తీసివేయండి 'పసుపు' బటన్ >
పై కోడ్ లైన్లలో:
- ది ' <బాడీ> 'ట్యాగ్ 'కి సమలేఖనం చేయబడిన శరీర విభాగాన్ని నిర్వచిస్తుంది కేంద్రం ”.
- ది ' ” ట్యాగ్ మొదటి ఉపశీర్షికను నిర్దేశిస్తుంది.
- ది ' <ఇన్పుట్> ” ట్యాగ్ ఇన్పుట్ రకాన్ని పేర్కొనడం ద్వారా “రేడియో” బటన్ను జోడిస్తుంది రేడియో కేటాయించిన ఐడితో' పసుపు ”.
- ది ' <బటన్> 'ట్యాగ్'తో అనుబంధించబడిన సాధారణ బటన్ను జోడిస్తుంది క్లిక్ చేయండి 'ఎగ్జిక్యూట్ చేయడానికి ఈవెంట్' రంగు తనిఖీ() ” ఫంక్షన్ బటన్ క్లిక్పై యాక్సెస్ చేయబడుతుంది.
- అదేవిధంగా, మరొక ' <బటన్> 'ట్యాగ్ 'ని పిలవడానికి ఒక బటన్ను సృష్టిస్తుంది రంగు అన్చెక్() బటన్ క్లిక్ మీద ఫంక్షన్.
జావాస్క్రిప్ట్ కోడ్
తర్వాత, ఇచ్చిన జావాస్క్రిప్ట్ కోడ్ని అనుసరించండి:
< స్క్రిప్ట్ >ఫంక్షన్ రంగు తనిఖీ ( ) {
పత్రం. getElementById ( 'పసుపు' ) . తనిఖీ చేశారు = నిజం ;
}
ఫంక్షన్ రంగు తనిఖీ చేయవద్దు ( ) {
పత్రం. getElementById ( 'పసుపు' ) . తనిఖీ చేశారు = తప్పుడు ;
}
స్క్రిప్ట్ >
పై కోడ్ స్నిప్పెట్లో:
- మొదటి ఫంక్షన్ ' రంగు తనిఖీ() 'ఉపయోగిస్తుంది' document.getElementById() 'రేడియో బటన్ను పొందే పద్ధతి, అనుబంధించండి' తనిఖీ చేశారు ”ఆస్తి మరియు దాని విలువను “నిజం”గా సెట్ చేయండి.
- మరోవైపు, ఫంక్షన్ ' రంగు అన్చెక్() '' విలువను సెట్ చేస్తుంది తనిఖీ చేశారు యాక్సెస్ చేయబడిన రేడియో బటన్కు వ్యతిరేకంగా 'తప్పు'కి ప్రాపర్టీ.
అవుట్పుట్
చూసినట్లుగా, అవుట్పుట్ బటన్పై ఉన్న “రేడియో” బటన్ను తనిఖీ చేస్తుంది (“చెక్” అని పేరు పెట్టబడింది) క్లిక్ చేయండి మరియు బటన్ (“చెక్ చేయవద్దు”) క్లిక్లో ఎంపికను తీసివేయండి.
ఉదాహరణ 2: ఇన్పుట్ రేడియో 'చెక్ చేయబడిన' విలువను తిరిగి ఇవ్వడం
ఈ ఉదాహరణ లక్ష్యం చేయబడిన 'రేడియో' బటన్ స్థితిని బూలియన్ విలువగా అందించడానికి ఇన్పుట్ రేడియో 'చెక్ చేయబడిన' ప్రాపర్టీని వర్తింపజేస్తుంది.
HTML కోడ్
కింది HTML కోడ్ను పరిగణించండి:
< శరీర శైలి = 'టెక్స్ట్-అలైన్: సెంటర్' >< h2 > HTML DOM ఇన్పుట్ రేడియో తనిఖీ చేయబడిన ఆస్తి h2 >
రంగు : < ఇన్పుట్ రకం = 'రేడియో' తనిఖీ చేశారు = నిజం id = 'పసుపు' > పసుపు < br >< br >
< బటన్ క్లిక్ చేయండి = 'colorCheck()' > తనిఖీ 'పసుపు' బటన్ >
< p id = 'నమూనా' >< p >
పై కోడ్ బ్లాక్లో, “ రేడియో 'బటన్ సృష్టించబడింది మరియు స్థితి' తనిఖీ చేశారు 'ఆస్తి సెట్ చేయబడింది' నిజం ”. ఆ తరువాత, అదేవిధంగా, పేర్కొన్న ఫంక్షన్ జోడించిన “ ద్వారా ప్రారంభించబడుతుంది. క్లిక్ చేయండి ” బటన్తో ఈవెంట్.
జావాస్క్రిప్ట్ కోడ్
ఇప్పుడు, కోడ్ యొక్క క్రింది పంక్తులను పరిగణించండి:
< స్క్రిప్ట్ >ఫంక్షన్ రంగు తనిఖీ ( ) {
ఎక్కడ = పత్రం. getElementById ( 'పసుపు' ) . డిఫాల్ట్ తనిఖీ చేయబడింది ;
పత్రం. getElementById ( 'నమూనా' ) . అంతర్గత HTML = t ;
}
స్క్రిప్ట్ >
పై కోడ్ స్నిప్పెట్లో:
- ' అనే ఫంక్షన్ను నిర్వచించండి రంగు తనిఖీ() ”.
- దాని నిర్వచనంలో, “ని వర్తింపజేయండి document.getElementById() “రేడియో” బటన్ను దాని ఐడి “పసుపు” ఉపయోగించి యాక్సెస్ చేయడానికి మరియు “ని అనుబంధించే పద్ధతి డిఫాల్ట్ తనిఖీ చేయబడింది '' యొక్క డిఫాల్ట్ విలువను తనిఖీ చేయడానికి ఆస్తి తనిఖీ చేశారు ' గుణం.
- చివరగా, వర్తించు ' document.getElementById() ” చేర్చబడిన ఖాళీ పేరాను పొందేందుకు మరియు “తనిఖీ చేసిన” ఆస్తి స్థితిని ప్రదర్శించడానికి మళ్లీ పద్ధతి.
.
అవుట్పుట్
విశ్లేషించినట్లుగా, ఫలితం ఇచ్చిన “రేడియో” బటన్ స్థితిని అందిస్తుంది, అనగా, “ నిజం ” బటన్ క్లిక్ మీద.
ముగింపు
జావాస్క్రిప్ట్లో, HTML DOM ఇన్పుట్ రేడియో 'చెక్ చేయబడిన' ప్రాపర్టీ 'రేడియో' బటన్ యొక్క తనిఖీ చేయబడిన స్థితిని సెట్ చేయడానికి మరియు తిరిగి ఇవ్వడానికి ఉపయోగపడుతుంది. 'చెక్ చేయబడిన' ఆస్తి యొక్క సెట్ సింటాక్స్ రెండు విలువలపై పని చేస్తుంది ' నిజం 'మరియు' తప్పుడు ”. మరోవైపు, దాని రిటర్న్ సింటాక్స్కు ఏ పరామితి అవసరం లేదు. ఈ కథనం జావాస్క్రిప్ట్లో HTML DOM ఇన్పుట్ రేడియో 'చెక్ చేయబడిన' ప్రాపర్టీ యొక్క లక్ష్యం, కార్యాచరణ మరియు వినియోగాన్ని ప్రదర్శించింది.