یہ مضمون JavaScript میں HTML DOM ان پٹ چیک باکس 'غیر فعال' پراپرٹی کے مقصد، کام اور استعمال کی وضاحت کرتا ہے۔
جاوا اسکرپٹ میں HTML DOM ان پٹ چیک باکس 'غیر فعال' پراپرٹی کیسے کام کرتا ہے؟
ان پٹ چیک باکس ' معذور پراپرٹی کا انحصار 'چیک باکس' وصف پر ہے۔ یہ دیئے گئے چیک باکسز کو غیر فعال اور غیر فعال کرنے کے لیے HTML فارمز اور ان پٹ فیلڈز پر کام کرتا ہے۔
نحو (غیر فعال پراپرٹی سیٹ کریں)
چیک باکس آبجیکٹ۔ معذور = سچ ہے | جھوٹامتعین واپسی نحو کے مطابق، 'غیر فعال' پراپرٹی دو پیرامیٹرز کی حمایت کرتی ہے جو درج ذیل ہیں:
- سچ: یہ ظاہر کرتا ہے کہ متعلقہ چیک باکس غیر فعال ہے۔
- غلط (پہلے سے طے شدہ قدر): یہ ایک اختیاری قدر ہے جو اس بات کی نشاندہی کرتی ہے کہ متعلقہ چیک باکس غیر فعال نہیں ہے۔
واپسی (معذور جائیداد واپس کریں)
چیک باکس آبجیکٹ۔ معذورمندرجہ بالا نحو میں، ' چیک باکس آبجیکٹ 'HTML کے مساوی ہے' چیک باکس ' عنصر.
آئیے 'معذور' پراپرٹی کے عملی نفاذ کو سمجھنے کے لیے ذیل کی مثالوں میں اوپر بیان کردہ نحو کو استعمال کریں۔
مثال 1: ان پٹ چیک باکس کو لاگو کرنا 'غیر فعال' پراپرٹی بنیادی نحو کا استعمال
پہلی مثال میں، 'چیک باکس' کو ڈیفائنڈ جنرلائزڈ نحو کا استعمال کرکے اسے غیر فعال کرنے کے لیے شامل کیا جاتا ہے۔
HTML کوڈ
سب سے پہلے، دیئے گئے HTML کوڈ کا تجزیہ کریں:
< جسمانی انداز = 'متن سیدھ: مرکز' >
< h2 > ایچ ٹی ایم ایل DOM ان پٹ چیک باکس جاوا اسکرپٹ میں غیر فعال پراپرٹی h2 >
چیک باکس : < ان پٹ کی قسم = 'چیک باکس' آئی ڈی = 'ڈیمو' > فارم جمع کرایا < بی آر >< بی آر >
< ص > دیا گیا چیک باکس غیر فعال ہے۔ ص >
مندرجہ بالا کوڈ لائنوں میں:
- ' ' ٹیگ جسم کے اس حصے کی وضاحت کرتا ہے جو ' کے ساتھ منسلک ہے مرکز 'کی مدد سے' انداز ' وصف.
- ' ٹیگ سطح 2 کی ذیلی سرخی کی وضاحت کرتا ہے۔
- ' ٹیگ ان پٹ کی قسم کی وضاحت کرکے ایک 'چیک باکس' بناتا ہے ' چیک باکس ' تفویض کردہ آئی ڈی ہونا' ڈیمو '
- ' ” ٹیگ نتیجہ خیز نتیجہ ظاہر کرنے کے لیے ایک پیراگراف عنصر کا اضافہ کرتا ہے۔
جاوا اسکرپٹ کوڈ
اگلا، جاوا اسکرپٹ کوڈ کو دیکھیں:
< سکرپٹ >دستاویز getElementById ( 'ڈیمو' ) . معذور = سچ ہے ;
سکرپٹ >
مندرجہ بالا کوڈ کے ٹکڑوں میں، ' document.getElementById() 'طریقہ کو اس کی آئی ڈی 'ڈیمو' کا استعمال کرتے ہوئے چیک باکس کو بازیافت کرنے کے لئے لاگو کیا جاتا ہے اور 'غیر فعال' پراپرٹی کی قدر کو 'پر سیٹ کیا جاتا ہے۔ سچ ہے 'جو چیک باکس کو غیر فعال کرتا ہے۔
آؤٹ پٹ
مندرجہ بالا آؤٹ پٹ اس بات کی تصدیق کرتا ہے کہ دیا گیا چیک باکس 'کی وجہ سے غیر فعال ہے معذور 'پراپرٹی سیٹ' سچ ہے '
مثال 2: ان پٹ چیک باکس کو واپس کرنا 'غیر فعال' پراپرٹی ویلیو
یہ مثال ٹارگٹڈ چیک باکس کی حیثیت کو بولین ویلیو (سچ/غلط) کے طور پر واپس کرنے کے لیے 'غیر فعال' پراپرٹی کو لاگو کرتی ہے۔
HTML کوڈ
درج ذیل HTML کوڈ پر غور کریں:
< جسمانی انداز = 'متن سیدھ: مرکز' >< h2 > ایچ ٹی ایم ایل DOM ان پٹ چیک باکس جاوا اسکرپٹ میں غیر فعال پراپرٹی h2 >
چیک باکس : < ان پٹ کی قسم = 'چیک باکس' معذور = سچ ہے آئی ڈی = 'ڈیمو' > فارم جمع کرایا < بی آر >< بی آر >
< پی آئی ڈی = 'نمونہ' >> ص >
مندرجہ بالا کوڈ بلاک میں:
- چیک باکس تفویض کیا گیا ہے اور 'کی حیثیت معذور 'پراپرٹی سیٹ ہے' سچ ہے '
- اس کے بعد، ایک خالی ' ' عنصر کو آؤٹ پٹ کو شامل کرنے کے لیے تفویض کردہ آئی ڈی 'نمونہ' کے ساتھ شامل کیا جاتا ہے۔
جاوا اسکرپٹ کوڈ
اب، جاوا اسکرپٹ کوڈ پر جائیں:
< سکرپٹ >وہاں ایک = دستاویز getElementById ( 'ڈیمو' ) . معذور ;
دستاویز getElementById ( 'نمونہ' ) . اندرونی ایچ ٹی ایم ایل = a ;
سکرپٹ >
مندرجہ بالا کوڈ میں:
- متغیر ' a 'استعمال کرتا ہے' document.getElementById() اس کی آئی ڈی 'ڈیمو' کا استعمال کرتے ہوئے چیک باکس تک رسائی حاصل کرنے اور 'کو منسلک کرنے کا طریقہ معذور ' جائیداد یہ چیک کرنے کے لیے کہ آیا لایا گیا چیک باکس غیر فعال ہے یا نہیں۔
- 'document.getElementById()' کا طریقہ دوبارہ شامل کردہ خالی پیراگراف کو حاصل کرتا ہے اور پیراگراف کے طور پر 'غیر فعال' پراپرٹی کی حیثیت دکھاتا ہے۔
آؤٹ پٹ
جیسا کہ تجزیہ کیا گیا ہے، نتیجہ 'چیک باکس' کی مختص حیثیت کو لوٹاتا ہے، یعنی ' سچ ہے '
مثال 3: ان پٹ چیک باکس 'غیر فعال' پراپرٹی کا استعمال کرتے ہوئے چیک باکس کو غیر فعال اور غیر فعال کریں
چیک باکس کی حیثیت کو ترتیب دینے اور واپس کرنے کے علاوہ، 'غیر فعال' خاصیت صارفین کو ایک ہی وقت میں چیک باکس کو غیر فعال اور غیر فعال کرنے کی اجازت دیتی ہے۔ آئیے اسے عملی طور پر دیکھتے ہیں۔
HTML کوڈ
آئیے تحریری HTML کوڈ کا جائزہ لیں:
< جسمانی انداز = 'متن سیدھ: مرکز' >< h2 > ایچ ٹی ایم ایل DOM ان پٹ چیک باکس جاوا اسکرپٹ میں غیر فعال پراپرٹی h2 >
چیک باکس : < ان پٹ کی قسم = 'چیک باکس' آئی ڈی = 'ڈیمو' > فارم جمع کرایا ان پٹ >< بی آر >< بی آر >
< بٹن پر کلک کریں۔ = 'چیک ڈس ایبل()' > چیک باکس کو غیر فعال کریں۔ بٹن >
< بٹن پر کلک کریں۔ = 'چیک غیر فعال ()' > چیک باکس کو غیر فعال کریں۔ بٹن >
مندرجہ بالا کوڈ بلاک میں:
- اسی طرح، ایک چیک باکس شامل کریں اور ایک بٹن شامل کریں جس میں ' کلک پر 'واقعہ جو انجام دیتا ہے' چیک ڈس ایبل() بٹن پر کلک کرنے پر فنکشن۔
- اس کے بعد، دوسرا بٹن شامل کیا جاتا ہے جو 'onclick' ایونٹ ہینڈلر کو بھی استعمال کرتا ہے۔ غیر فعال چیک کریں () بٹن پر کلک کرنے پر فنکشن۔
جاوا اسکرپٹ کوڈ
اگلا، ذیل میں بیان کردہ کوڈ کے ذریعے جائیں:
< سکرپٹ >فنکشن چیک ڈس ایبل ( ) {
دستاویز getElementById ( 'ڈیمو' ) . معذور = سچ ;
}
فنکشن چیک غیر فعال ( ) {
دستاویز getElementById ( 'ڈیمو' ) . معذور = جھوٹا ;
}
سکرپٹ >
مندرجہ بالا کوڈ لائنوں میں:
- ایک فنکشن کی وضاحت کریں جس کا نام ' چیک ڈس ایبل() 'جو لاگو ہوتا ہے' document.getElementById() اس کی آئی ڈی 'ڈیمو' کے ذریعے چیک باکس تک پہنچنے کا طریقہ اور اس کی قیمت کو 'سچ' پر سیٹ کریں۔
- دوسرا فنکشن ' غیر فعال چیک کریں () ' فنکشن دوبارہ چیک باکس تک رسائی حاصل کرنے کے لیے 'document.getElementById()' طریقہ کو دوبارہ لاگو کرتا ہے اور اس کی قدر کو 'false' پر سیٹ کرتا ہے اگر صارف 'Undisable the checkbox' نامی شامل دوسرے بٹن پر کلک کرتا ہے۔
آؤٹ پٹ
آؤٹ پٹ دیئے گئے چیک باکس کو 'غیر فعال' کرتا ہے جب صارف پہلے بٹن پر کلک کرتا ہے اور اگر صارف دوسرے بٹن پر اسی کے مطابق کلک کرتا ہے تو اسے 'غیر فعال' کرتا ہے۔
نتیجہ
جاوا اسکرپٹ میں، HTML DOM ان پٹ چیک باکس ' معذور 'پراپرٹی صارفین کو 'چیک باکس' کی چیک شدہ حیثیت کو سیٹ کرنے اور واپس کرنے میں مدد کرتی ہے۔ یہ 'سیٹ' اور 'واپسی' دونوں عملوں کے لیے عمومی نحو کی وضاحت کرتا ہے۔ اس کا سیٹ نحو دو قدروں پر کام کرتا ہے۔ سچ 'اور' جھوٹا ' دوسری طرف، اس کی واپسی کی ترکیب کو کسی پیرامیٹر کی ضرورت نہیں ہے۔ اس مضمون نے JavaScript میں HTML DOM ان پٹ چیک باکس 'غیر فعال' پراپرٹی کے مقصد، کام کرنے، اور عملی نفاذ کا مظاہرہ کیا۔