ఈ కథనం జావాస్క్రిప్ట్ని ఉపయోగించి అన్ని చెక్బాక్స్లను తనిఖీ చేయడానికి మరియు అన్చెక్ చేయడానికి పద్ధతులను ప్రదర్శిస్తుంది.
జావాస్క్రిప్ట్ని ఉపయోగించి అన్ని చెక్బాక్స్లను చెక్ చేయడం మరియు అన్చెక్ చేయడం ఎలా?
JavaScriptలోని అన్ని చెక్బాక్స్లను చెక్ చేయడానికి మరియు అన్చెక్ చేయడానికి, మీరు దరఖాస్తు చేసుకోవచ్చు:
పేర్కొన్న విధానాలు ఇప్పుడు ఒక్కొక్కటిగా చర్చించబడతాయి!
విధానం 1: “చెక్బాక్స్లు”తో “document.getElementsByName()” పద్ధతిని ఉపయోగించి జావాస్క్రిప్ట్లోని అన్ని చెక్బాక్స్లను చెక్ చేయండి మరియు అన్చెక్ చేయండి
ది ' document.getElementsByName() ” పద్ధతి దాని వాదనలలో పేర్కొన్న పేరుతో మూలకాలను అందిస్తుంది. పాస్ చేసిన పేరు సహాయంతో ప్రతి చెక్బాక్స్ విలువను పొందడానికి ఈ పద్ధతి వర్తించబడుతుంది.
ప్రదర్శన కోసం క్రింది ఉదాహరణ ద్వారా వెళ్దాం.
ఉదాహరణ
ముందుగా, ఇన్పుట్ రకం ఇలా పేర్కొనబడుతుంది “ చెక్బాక్స్ ” మరియు ప్రతి చెక్బాక్స్కు వ్యతిరేకంగా నిర్దిష్ట పేరు మరియు విలువ కేటాయించబడుతుంది:
< ఇన్పుట్ రకం = 'చెక్ బాక్స్' పేరు = 'కేవలం' విలువ = 'పైథాన్' > కొండచిలువ < br />< ఇన్పుట్ రకం = 'చెక్ బాక్స్' పేరు = 'కేవలం' విలువ = 'జావా' > జావా < br />
< ఇన్పుట్ రకం = 'చెక్ బాక్స్' పేరు = 'కేవలం' విలువ = 'జావాస్క్రిప్ట్' > జావాస్క్రిప్ట్ < br />
ఇప్పుడు, విలువతో అదనపు చెక్బాక్స్ను చేర్చండి ' అన్నీ తనిఖీ చేయండి 'మరియు జతచేయి' onclick() ”ఈ చెక్బాక్స్తో ఈవెంట్, చెక్బాక్స్ క్లిక్ చేసినప్పుడు ఆ విధంగా పని చేస్తుంది, తనిఖీ చేయబడలేదు ()' పద్ధతి 'ఆబ్జెక్ట్తో ప్రారంభించబడుతుంది ఇది ” వాదనగా:
< ఇన్పుట్ రకం = 'చెక్ బాక్స్' క్లిక్ చేయండి = 'చెక్ అన్చెక్(ఇది)' /> అన్నీ తనిఖీ చేయండి < br />
ఆ తరువాత, '' అనే ఫంక్షన్ను నిర్వచించండి చెక్ అన్చెక్() జావాస్క్రిప్ట్ ఫైల్లో '' అనే వేరియబుల్తో చెక్బాక్స్ ” వాదనగా. ఇప్పుడు, “ని ఉపయోగించి చెక్బాక్స్ విలువలను యాక్సెస్ చేయండి document.getElementsByName() 'పద్ధతి మరియు విలువను ఉంచండి' పేరు ” లక్షణం దాని వాదన.
చివరగా, వర్తించు ' కోసం 'అన్ని చెక్బాక్స్ విలువలతో పాటు మళ్ళించడానికి లూప్ చేయండి మరియు 'ని ఉపయోగించండి తనిఖీ చేశారు ” వాటన్నింటిని తనిఖీ చేసినట్లుగా గుర్తించడానికి ఆస్తి:
ఫంక్షన్ చెక్ అన్చెక్ ( చెక్బాక్స్ ) {పొందండి = పత్రం. getElementsByName ( 'కేవలం' ) ;
కోసం ( లో ఉన్నాడు = 0 ; i < పొందండి. పొడవు ; i ++ ) {
పొందండి [ i ] . తనిఖీ చేశారు = చెక్బాక్స్. తనిఖీ చేశారు ; }
}
మీరు చూడగలిగినట్లుగా, ' అన్నీ తనిఖీ చేయండి ” చెక్బాక్స్ గుర్తు పెట్టబడింది, అన్ని ఇతర చెక్బాక్స్లు కూడా చెక్ చేసినట్లుగా గుర్తు పెట్టబడ్డాయి:
విధానం 2: “బటన్లు”తో “document.getElementsByName()” పద్ధతిని ఉపయోగించి జావాస్క్రిప్ట్లోని అన్ని చెక్బాక్స్లను చెక్ చేసి అన్చెక్ చేయండి
ది ' document.getElementsByName() ” పద్ధతి, మునుపటి పద్ధతిలో చర్చించినట్లు, దాని వాదనలలో పేర్కొన్న పేరుతో మూలకాలను పొందుతుంది. వెబ్ పేజీలో జోడించిన అన్ని చెక్బాక్స్లను చెక్ చేయడానికి లేదా అన్చెక్ చేయడానికి దీనిని ఉపయోగించవచ్చు.
ప్రదర్శన కోసం క్రింది ఉదాహరణను చూడండి.
ఉదాహరణ
ఇప్పుడు, మేము రెండింటికీ రెండు బటన్లను చేర్చుతాము ' అన్నింటినీ తనిఖీ చేస్తుంది 'మరియు' అన్నింటినీ అన్చెక్ చేయండి 'కార్యకలాపాలు. ఆపై, ''ని జతచేయండి క్లిక్ చేయండి ”రెండు బటన్తో కూడిన ఈవెంట్ పేర్కొన్న ఫంక్షన్లను విడిగా యాక్సెస్ చేస్తుంది:
< ఇన్పుట్ రకం = 'బటన్' క్లిక్ చేయండి = 'తనిఖీ()' విలువ = 'అన్నీ తనిఖీ చేస్తుంది' />< ఇన్పుట్ రకం = 'బటన్' క్లిక్ చేయండి = 'చెక్ చేయని()' విలువ = 'అన్నింటినీ అన్చెక్ చేస్తుంది' />
తరువాత, '' అనే ఫంక్షన్ను నిర్వచించండి తనిఖీ() 'మరియు వర్తించు' document.getElementsByName '' యొక్క పేర్కొన్న విలువతో పద్ధతి పేరు ' గుణం. అప్పుడు, ''ని పునరావృతం చేయండి కోసం ” మునుపటి పద్ధతిలో చర్చించిన అన్ని చెక్బాక్స్ విలువలతో పాటు లూప్ చేయండి.
అంతేకాకుండా, అనుబంధిత బటన్ను క్లిక్ చేసినప్పుడు, “ తనిఖీ చేశారు 'ప్రాపర్టీ చెక్బాక్స్లన్నింటిని గుర్తు చేస్తుంది మరియు తనిఖీ చేయబడిన స్థితిని ఇలా సెట్ చేస్తుంది' నిజం ”:
ఫంక్షన్ తనిఖీ ( ) {మేక ఉంటుంది = పత్రం. getElementsByName ( 'తనిఖీ' ) ;
కోసం ( లో ఉన్నాడు = 0 ; i < పొందండి. పొడవు ; i ++ ) {
పొందండి [ i ] . తనిఖీ చేశారు = నిజం ; }
}
తరువాత, '' అనే ఫంక్షన్ను నిర్వచించండి తనిఖీ చేయవద్దు() ”, మరియు చెక్ చేయబడిన బాక్స్ ప్రాపర్టీని గుర్తు పెట్టడానికి దానిలో రివర్స్ ఫంక్షనాలిటీని జోడించండి తప్పుడు ”:
ఫంక్షన్ అన్చెక్ ( ) {మేక ఉంటుంది = పత్రం. getElementsByName ( 'తనిఖీ' ) ;
కోసం ( లో ఉన్నాడు = 0 ; i < పొందండి. పొడవు ; i ++ ) {
పొందండి [ i ] . తనిఖీ చేశారు = తప్పుడు ; }
}
జోడించిన బటన్లు ఖచ్చితంగా పని చేస్తున్నాయని అవుట్పుట్లో చూడవచ్చు:
మేము JavaScriptని ఉపయోగించి అన్ని చెక్బాక్స్లను చెక్ చేయడానికి మరియు అన్చెక్ చేయడానికి సులభమైన పద్ధతులను అందించాము.
ముగింపు
జావాస్క్రిప్ట్ని ఉపయోగించి అన్ని చెక్బాక్స్లను తనిఖీ చేయడానికి మరియు అన్చెక్ చేయడానికి, “ని ఉపయోగించండి document.getElementsByName() 'తో పద్ధతి' చెక్బాక్స్లు 'చెక్బాక్స్ని జోడించడానికి మరియు ఫంక్షన్ను యాక్సెస్ చేయడానికి, దీని ఫలితంగా చెక్బాక్స్లను తనిఖీ చేయడం లేదా అదే పద్ధతిని వర్తింపజేయడం జరుగుతుంది' బటన్లు ” అన్ని పేర్కొన్న విలువలను తనిఖీ చేయడానికి మరియు అన్చెక్ చేయడానికి విడివిడిగా రెండు బటన్లను చేర్చడానికి. జావాస్క్రిప్ట్ ఉపయోగించి అన్ని చెక్బాక్స్లను తనిఖీ చేయడం మరియు అన్చెక్ చేయడం కోసం ఈ రైట్-అప్ పద్ధతులను వివరించింది.