روش تشخیص Radio انتخاب شده با jQuery



visibility  
mode_comment   ۰

روش تشخیص Radio انتخاب شده با jQuery

روش تشخیص Radio انتخاب شده با jQuery

در این مطلب میخوام به شما روش تشخیص Radio انتخاب شده با jQuery رو آموزش بدم و یاد بگیریم که چطور اونا رو مدیریت کنیم.

فرض کنید که کدهای HTML بصورت زیر هستند:

همونطور که میبینید jQuery رو در ابتدا لود کردیم و بعد از اون فرم مورد نظر با id = myForm رو قرار دادیم. درون فرم 3 عدد radio هست که همه اونا name یکسانی رو دارند. به این خاطر نام همه این Radio ها رو یکی قرار دادیم تا در هر لحظه فقط یکی از اونا انتخاب بشن و در یک گروه قرار بگیرن. برای هر کدام هم یک value قرار دادیم و میخوایم به value رادیو انتخابی دسترسی پیدا کنیم.

حالا میتونیم با استفاده از jQuery و رویداد onchange به مقدار رادیو انتخابی دسترسی پیدا کنیم. روش اولی که میتونیم استفاده کنیم از event.target.value هست. بصورت زیر:

حالا هر radio رو که انتخاب کنید، مقدار اون در Console چاپ میشه.

روش بعدی استفاده از ویژگی :checked و متد val هست. بصورت زیر:

همونطور که میبینید در اینجا مقدار اون رادیویی که checked هست رو در Console چاپ میکنیم. روش ساده تری هم برای انجام این کار وجود داره. بصورت زیر:

میبینید که در اینجا از this استفاده کردیم و مقدار اون المنتی که در حال تغییر هست رو در Console چاپ کردیم.

به همین راحتی.

اگر شما هم روشی برای انجام اینکار به ذهنتون میرسه خوشحال میشیم که در بخش نظرات با ما در میان بذارید.

متخصص وردپرس
قالب ها و پلاگین های حرفه ای وردپرس رو خودت بنویس! بازار طراحی قالب و پلاگین نویسی وردپرس به شدت داغه و اگر بلد باشید با برنامه نویسی اختصاصی، قالب ها و پلاگین های دلخواه بنویسید تو مارکت های مطرح دنیا و یا از طریق فریلنسری می تونید به درآمد بالا برید. دوره متخصص وردپرس سون لرن رو حتما ببینید: متخصص وردپرس arrow_back
comment دیدگاه کاربران

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.