it-swarm.dev

مسج: إلغاء تحديد مربع الاختيار الآخر على واحد محدد

أواجه مربع اختيار إجمالي 6 (قد أضِف المزيد في المستقبل) وأريد السماح بتحديد واحد فقط ، لذلك عندما يقوم المستخدم بالتحقق من أيٍّ منهم ، يجب إلغاء تحديده.

جربت باستخدام هذا الرمز وأعمل بشكل جيد إذا عرّفت المعرّف ، لكن الآن فقط أتساءل كيف أجعله بالعكس بطريقة فعّالة ، لذا في المستقبل إذا أضفت أكثر مما لن تكون مشكلة

$('#type1').click(function() {
     $('#type2').not('#type1').removeAttr('checked');
}); 

لمعلوماتك ، خانات الاختيار ليست للأخوة وهي في <td> مختلفة

51
Code Lover

قم بربط معالج change ، ثم قم بإلغاء تحديد كل خانات الاختيار ، بصرف النظر عن المربع المحدد:

$('input.example').on('change', function() {
    $('input.example').not(this).prop('checked', false);  
});

هنا كمان

144
billyonecan

يمكنك استخدام الفصل لجميع مربعات الاختيار الخاصة بك ، والقيام بما يلي:

$(".check_class").click(function() {
  $(".check_class").attr("checked", false); //uncheck all checkboxes
  $(this).attr("checked", true);  //check the clicked one
});
14
Sudhir Bastakoti

جرب هذا

 $(function() { 
  $('input[type="checkbox"]').bind('click',function() {
    $('input[type="checkbox"]').not(this).prop("checked", false);
  });
});
2
Amit

جرب هذا

$("[id*='type']").click(
function () {
var isCheckboxChecked = this.checked;
$("[id*='type']").attr('checked', false);
this.checked = isCheckboxChecked;
});

لجعله أكثر عمومية ، يمكنك أيضًا العثور على مربعات اختيار حسب الفئة العامة التي تم تنفيذها عليها.

تم التعديل...

1
Abhishek Jain

أعتقد أن طريقة الدفع أكثر ملاءمة عندما يتعلق الأمر بالسمة المنطقية. http://api.jquery.com/prop/

0
nubinub