در این آموزش یاد خواهیم گرفت که چگونه چک باکس را با استفاده از جاوا اسکریپت بررسی کنیم یا خیر.
ابتدا یک چک باکس با استفاده از HTML ایجاد کنید
<ورودی نوع=“چک باکس” شناسه=“mycheckbox” کلیک کنید=“checkboxfunction()”> <پ شناسه=“پیام” سبک=“نمایش: هیچ”>چک باکس است بررسی شد!</پ> |
اکنون جاوا اسکریپت را اضافه کنید تا چک باکس را علامت بزنید یا خیر.
<اسکریپت> عملکرد تابع چک باکس() { جایی که چک باکس = سند.getElementById(“mycheckbox”); جایی که متن = سند.getElementById(“پیام”); اگر (چک باکس.بررسی شد == درست است، واقعی){ متن.سبک.نمایش دادن = “مسدود کردن”; } دیگر { متن.سبک.نمایش دادن = “هیچ یک”; } }
|
این کد کاملی است که در این آموزش نوشته ایم:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html> <html> <سر> <عنوان>بررسی چه آ چک باکس است بررسی شد</عنوان> </سر> <بدن> <ورودی نوع=“چک باکس” شناسه=“mycheckbox” کلیک کنید=“checkboxfunction()”> <پ شناسه=“پیام” سبک=“نمایش: هیچ”>چک باکس است بررسی شد!</پ> <اسکریپت> عملکرد تابع چک باکس() { جایی که چک باکس = سند.getElementById(“mycheckbox”); جایی که متن = سند.getElementById(“پیام”); اگر (چک باکس.بررسی شد == درست است، واقعی){ متن.سبک.نمایش دادن = “مسدود کردن”; } دیگر { متن.سبک.نمایش دادن = “هیچ یک”; } }
</بدن> </html> |
نسخه ی نمایشی