مهدی
3 سال پیش توسط مهدی مطرح شد
2 پاسخ

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

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

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


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 3 سال پیش مطرح شد
مهدی
تخصص : Backend Developer
@mahdidv 3 سال پیش آپدیت شد
0

@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);
  }
});

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

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