سؤال

أريد أن نمط نماذج موقع الويب الخاص بي ، والمدخلات ويختار.اعتدت التمهيد بالنسبة للمدخلات و التمهيد-اختر لاختيار و إيشيك لمربعات الاختيار.المشكلة هي أن إيشيك لا يعمل بشكل صحيح مع بوتستراب-سيليكت.

هنا هو اختبار جسفيدل: 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);
  }                   
});

استخدام هذا الرمز شبيبة

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top