لماذا لا تعطيل السمة العمل على التمهيد-حدد?
-
21-12-2019 - |
سؤال
أريد أن نمط نماذج موقع الويب الخاص بي ، والمدخلات ويختار.اعتدت التمهيد بالنسبة للمدخلات و التمهيد-اختر لاختيار و إيشيك لمربعات الاختيار.المشكلة هي أن إيشيك لا يعمل بشكل صحيح مع بوتستراب-سيليكت.
هنا هو اختبار جسفيدل: http://jsfiddle.net/36Xpf/
الآن ، في محاولة للتحقق من خانة الاختيار إيشيك ، لن يتم تعطيل تحديد التمهيد-حدد.ثم تحقق من مربع مربع القياسية ، سيتم تعطيل اختيار التمهيد.
أحصل على السمة ديسالبلدبل لتحديد ما إذا كان يتم تحديد مربع الاختيار أوسين مسج .change()
:
$('#checkbox1').change(function(){
if (this.checked) {
$('.selectpicker').attr('disabled', false);
} else {
$('.selectpicker').attr('disabled', true);
}
});
ماذا فعلت خطأ?لماذا لا تعمل السمة المعطلة على تحديد التمهيد?
هو موضع تقدير أي مساعدة!شكرا لك!
المحلول
إنه مكون إضافي ، وليس مربع اختيار عادي، عليك الاستماع إلى الأحداث التي يدعمها بالفعل :
$('#checkbox1').on('ifChanged', function(){
$('.selectpicker').attr('disabled', this.checked).selectpicker('refresh');
}).iCheck({
checkboxClass: 'icheckbox_flat-red',
radioClass: 'iradio_flat-red'
});
نصائح أخرى
$('input#checkbox1').iCheck({
checkboxClass: 'icheckbox_flat-red',
radioClass: 'iradio_flat-red'
});
$('.selectpicker').selectpicker();
$(document).on('ifChecked','#checkbox1',function(){
$('.selectpicker').prop('disabled',true);
$('.selectpicker').selectpicker('refresh');
});
$(document).on('ifUnchecked','#checkbox1',function(){
$('.selectpicker').prop('disabled',false);
$('.selectpicker').selectpicker('refresh');
});
/*standard checkbox*/
$('#checkbox2').change(function(){
if (this.checked) {
$('.standard').attr('disabled', true);
} else {
$('.standard').attr('disabled', false);
}
});
استخدام هذا الرمز شبيبة
لا تنتمي إلى StackOverflow