یہ تحریر جاوا اسکرپٹ کا استعمال کرتے ہوئے چیک باکس کو چیک اور ان چیک کرنے کے طریقہ کار کی وضاحت کرے گی۔
جاوا اسکرپٹ کا استعمال کرتے ہوئے چیک باکس کو کیسے چیک/ان چیک کریں؟
جاوا اسکرپٹ میں چیک باکسز کو چیک یا ان چیک کرنے کے لیے، ' چیک کیا ' وصف. پہلے HTML عنصر کا حوالہ حاصل کریں ' چیک باکس 'اس کی تفویض کی مدد سے' آئی ڈی ' کا استعمال کرتے ہوئے ' getElementById() 'طریقہ، اور پھر، لاگو کریں' چیک کیا اس کی قیمت پر جائیداد.
مثال 1: سنگل چیک باکس کو چیک/ان چیک کریں۔
سب سے پہلے، کوڈ کی درج ذیل لائنوں کے ساتھ ایک HTML فائل بنائیں:
< h3 > چیک باکس کو چیک کرنے یا غیر چیک کرنے کے لیے بٹنوں پر کلک کریں۔ h3 >
< ان پٹ کی قسم = 'چیک باکس' آئی ڈی = 'چیک باکس' > شرائط و ضوابط سے اتفاق کریں۔ < بی آر >< بی آر >
< بٹن کی قسم = 'بٹن' کلک پر = 'چیک()' > جی ہاں بٹن >
< بٹن کی قسم = 'بٹن' کلک پر = 'غیر چیک کریں()' > nope کیا بٹن >
مندرجہ بالا کوڈ میں:
- آئی ڈی کے ساتھ ایک چیک باکس بنائیں ' چیک باکس 'جو عنصر تک رسائی کے لئے استعمال کیا جائے گا' چیک باکس ' اعمال انجام دینے کے لیے۔
- دو بٹن بنائیں، ' جی ہاں 'اور' nope کیا '، چیک باکس کو چیک یا ان چیک کرنے کے لیے جو فنکشن کو متحرک کرے گا' چیک کریں() 'اور' غیر چیک کریں() بالترتیب کلک ایونٹ پر۔
مندرجہ بالا کوڈ پر عمل کرنے کے بعد، آؤٹ پٹ اس طرح ہوگا:
اس کے بعد، JavaScript فائل یا ٹیگ میں چیک باکس پر کارروائیاں کرنے کے لیے فنکشنز کی وضاحت کریں۔ چیک باکس کو چیک کرنے کے لیے، کوڈ کی درج ذیل لائنوں کا استعمال کریں:
فنکشن چیک کریں ( ) {
ان پٹ دو = دستاویز getElementById ( 'چیک باکس' ) ;
ان پٹ چیک کیا = سچ ;
}
مندرجہ بالا کوڈ میں:
- ایک فنکشن کی وضاحت کریں ' چیک کریں() ” جو چیک باکس کو چیک کرنے کے لیے بٹن پر کلک کو متحرک کرے گا۔
- فنکشن کے باڈی کے اندر، اس کی آئی ڈی کا استعمال کرتے ہوئے چیک باکس کا حوالہ حاصل کریں۔ چیک باکس 'کی مدد سے' getElementById() 'طریقہ اور اسے متغیر میں محفوظ کریں' ان پٹ '
- سیٹ کرکے چیک باکس کو چیک کریں ' چیک کیا 'جائیداد' سچ '
چیک باکس کو غیر چیک کرنے کے لیے ' nope کیا ” بٹن، نیچے دیا گیا کوڈ استعمال کریں:
فنکشن غیر چیک کریں ( ) {ان پٹ دو = دستاویز getElementById ( 'چیک باکس' ) ;
ان پٹ چیک کیا = جھوٹا ;
}
مندرجہ بالا کوڈ کا ٹکڑا:
- ایک فنکشن کی وضاحت کریں ' غیر چیک کریں() ” جو چیک باکس کو غیر چیک کرنے کے لیے بٹن پر کلک کو متحرک کرے گا۔
- فنکشن کے باڈی کے اندر، اس کی آئی ڈی کا استعمال کرتے ہوئے چیک باکس کا حوالہ حاصل کریں۔ چیک باکس 'کی مدد سے' getElementById() 'طریقہ اور اسے متغیر میں محفوظ کریں' ان پٹ '
- سیٹ کرکے چیک باکس کو ہٹا دیں ' چیک کیا 'جائیداد' جھوٹا '
آخر میں، صفحہ لوڈ پر بطور ڈیفالٹ چیک باکس کو غیر چیک کرنے کے لیے ایک فنکشن کی وضاحت کریں ' window.onload ' تقریب:
کھڑکی لوڈ ہونے پر = فنکشن ( ) {کھڑکی EventListener شامل کریں۔ ( 'لوڈ' ، چیک کریں ، جھوٹا ) ;
}
آؤٹ پٹ
آؤٹ پٹ اس بات کی نشاندہی کرتا ہے کہ بٹنوں پر کلک کرنے کے دوران چیک باکس کو نشان زد اور کامیابی سے نشان زد نہیں کیا گیا ہے۔
مثال 2: متعدد چیک باکسز کو چیک/ان چیک کریں۔
آئیے ایک مثال دیکھتے ہیں کہ ایک ہی وقت میں تمام چیک باکسز کو کیسے چیک یا ان چیک کریں۔
سب سے پہلے، ایک HTML فائل بنائیں، اور پھر ایک سے زیادہ چیک باکسز اور id کے ساتھ ایک بٹن بنائیں۔ ٹوگل ” جو چیک باکس کو ٹوگل کر کے چیک یا ان چیک کرے گا:
< h3 > تمام چیک باکسز کو چیک یا ان چیک کرنے کے لیے بٹن پر کلک کریں۔ h3 >< ان پٹ کی قسم = 'چیک باکس' کلاس = 'چیک باکس' > مجھے چیک یا ان چیک کریں۔ < بی آر >
< ان پٹ کی قسم = 'چیک باکس' کلاس = 'چیک باکس' > مجھے چیک یا ان چیک کریں۔ < بی آر >
< ان پٹ کی قسم = 'چیک باکس' کلاس = 'چیک باکس' > مجھے چیک یا ان چیک کریں۔ < بی آر >
< ان پٹ کی قسم = 'چیک باکس' کلاس = 'چیک باکس' > مجھے چیک یا ان چیک کریں۔ < بی آر >
< ان پٹ کی قسم = 'چیک باکس' کلاس = 'چیک باکس' > مجھے چیک یا ان چیک کریں۔ < بی آر >< بی آر >
< ان پٹ کی قسم = 'بٹن' آئی ڈی = 'ٹوگل' قدر = 'چیک باکسز کو ٹوگل کرنے کے لیے کلک کریں' >
متعلقہ آؤٹ پٹ ہو گا:
اس کے بعد، JavaScript فائل یا