راکت

غیرفعال کردن checkbox با استفاده از js یا jquery

2 پاسخ

با سلام خدمت دوستان
بنده یک فرم بشکل زیر دارم
میخوام وقتی یکی از این چک باکسها انتخاب شد بقیه به حالت disable در بیان و نشه انتخاب کرد تا زمانی که همشون uncheck بشن
درواقع کاربر مجاز به انتخاب تنها یک checkbox باشه

توضیح تصویر رو وارد کنید

ثبت پرسش جدید

پاسخ‌ها

2
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

مهدی
مهدی
@mahdidv

تخصص: Backend Developer

@milad من با Ajax مقادر checkbox رو میفرستم به دیتا بیس با این روش مقادرش تغییر نمیکنه چون uncheck نمیشه در همه حالت true برمیگردونه

کد ajax

       $(function () {
            $('.radiobtn').change(function () {
                id = $(this).attr('data');
                statu = $(this).prop('checked');
                $.get("{{route('hero.status')}}", {id: id, statu: statu}, function (data, status) {
                });

            })
        })

کد jquery

$("input:checkbox").on('click', function() {
  // in the handler, 'this' refers to the box clicked on
  var $box = $(this);
  if ($box.is(":checked")) {
    // the name of the box is retrieved using the .attr() method
    // as it is assumed and expected to be immutable
    var group = "input:checkbox[name='" + $box.attr("name") + "']";
    // the checked state of the group/box on the other hand will change
    // and the current value is retrieved using .prop() method
    $(group).prop("checked", false);
    $box.prop("checked", true);
  } else {
    $box.prop("checked", false);
  }
});

شاید پاسخ شما همین‌جا باشد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام