문제

내 웹 사이트 양식,입력 및 선택 스타일을 지정하고 싶습니다.내가 사용 부트스트랩 입력 및 부트스트랩-선택 선택 및 아이체크 체크 박스.문제는 부트스트랩 선택에서 아이첵이 제대로 작동하지 않는다는 것입니다.

여기 제이피들 테스트가 있습니다.: 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