부트 스트랩 선택에서 속성 작업을 비활성화하지 않는 이유는 무엇입니까?
-
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