از طریق منوی جستجو مطلب مورد نظر خود در وبلاگ را به سرعت پیدا کنید
سرفصلهای مطلب
معرفی
کار با دکمه‌های رادیویی در jQuery می‌تواند کمی مشکل باشد اگر با نحو و روش‌های مربوطه آشنا نباشید. در این بایت، روش بررسی یک دکمه رادیویی با استفاده از jQuery را پوشش می‌دهیم، راه‌های دیگر برای انجام این کار را بررسی می‌کنیم، و در نهایت، به شما نشان می‌دهیم که چگونه یک دکمه رادیویی را بررسی کنید.
بررسی دکمه رادیویی با جی کوئری
ساده ترین راه برای بررسی یک دکمه رادیویی با jQuery استفاده از آن است .prop() روش. این روش مقدار ویژگی را فقط برای اولین عنصر در مجموعه منطبق دریافت می کند. برای مقادیر عناصری که تنظیم نشده اند تعریف نشده برمی گرداند.
در اینجا یک مثال است:
$('input(name="radioButtonName")').prop('checked', true);
در این مثال، ما از انتخابگر jQuery برای پیدا کردن یک عنصر ورودی با نام “radioButtonName” و سپس استفاده از .prop() متد برای تنظیم ویژگی ‘checked’ آن به true.
راه های دیگر برای بررسی دکمه رادیویی با جی کوئری
جدا از .prop() روش، شما همچنین می توانید استفاده کنید .attr() روش بررسی دکمه رادیویی این .attr() متد صفات و مقادیر عناصر انتخاب شده را تنظیم یا برمی گرداند.
در اینجا روش استفاده از آن آورده شده است:
$('input(name="radioButtonName")').attr('checked', 'checked');
توجه داشته باشید:
در حالی که هر دو .prop() و .attr() می توان برای بررسی یک دکمه رادیویی استفاده کرد، باید بدانید که تفاوت هایی بین این روش ها وجود دارد. این .prop() متد مقدار خاصیت را فقط برای the می‌گیرد اولین عنصر در مجموعه منطبق، در حالی که .attr() مقدار مشخصه را فقط برای اولین عنصر در مجموعه منطبق دریافت می کند.
در جی کوئری، .attr() ویژگی واقعی HTML را دریافت یا تنظیم می کند، که حتی اگر ویژگی عنصر را از طریق جاوا اسکریپت دستکاری کنید، تغییر نمی کند. از سوی دیگر، .prop() با ویژگی های DOM عنصر تعامل دارد که به صورت پویا به روز می شوند و وضعیت فعلی عنصر را نشان می دهند. یه جورایی شبیهه .attr() در حالی که طرح اولیه را به شما می دهد .prop() وضعیت زنده را به شما نشان می دهد.
بررسی کنید که آیا دکمه رادیویی علامت زده شده است
برای بررسی اینکه آیا یک دکمه رادیویی علامت زده شده است، می توانید از آن استفاده کنید :checked انتخابگر این انتخابگر تمام عناصری که تیک زده یا انتخاب شده اند را انتخاب می کند.
در اینجا یک مثال است:
if ($('input(name="radioButtonName")').is(':checked')) {
console.log("The radio button is checked.");
} else {
console.log("The radio button is not checked.");
}
در اینجا ما از .is() روش با :checked انتخابگر برای بررسی اینکه آیا دکمه رادیویی علامت زده شده است یا خیر. اگر اینطور است، “دکمه رادیویی بررسی شده است” را چاپ می کنیم. به console; در غیر این صورت، “دکمه رادیویی بررسی نشده است” را چاپ می کنیم.
نتیجه
در این بایت، ما چند روش برای بررسی یک دکمه رادیویی با استفاده از jQuery و روش بررسی اینکه آیا یک دکمه رادیویی علامت زده شده است را توضیح داده‌ایم. به‌عنوان یک توسعه‌دهنده وب، احتمالاً باید این روش‌ها را درک کنید، زیرا این یک کار بسیار رایج است.
(برچسب ها برای ترجمه)# جاوا اسکریپت
منتشر شده در 1402-12-30 06:43:02
