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