Применение стилей CSS ко всем элементам, которые становятся/отключены

Question

мне нужно, чтобы иметь возможность применить стили CSS ко всем элементам, которые стали инвалидами/

$(document).ready(function() { 
    $("input type:checkbox").attr("disabled", true).css("border","1px solid #000000"); 
}); 

не похоже на работу. есть идеи?

Answer 1

Попробуйте :checkbox и :disabled селекторы

$(document).ready(function() { 
    $("input:checkbox:disabled").css("border","1px solid #000000"); 
}); 

Кроме того, было бы лучше, если бы вы добавить класс для этого вместо применения CSS непосредственно. Что-то вроде

.disabledcheckbx { border: 1px solid #000; } 

, а затем

$(document).ready(function() { 
    $("input:checkbox:disabled").addClass("disabledcheckbx"); 
}); 

Answer 2

Это будет пытаться установить атрибут каждого CheckBox в disabled к истине.

Вы хотите:

$(document).ready(function() { 
    $(':checkbox:disabled').css('border', '1px solid #000;'); 
}); 

Answer 3

стайлинга флажков не является широко поддерживается большинством браузера, как вы можете видеть в этом test.

, но если вы действительно хотите, вы можете попробовать это plugin