не усложняй. просто вешай слой
.blocked {
position:relative;
}
.blocked:after {
position:absolute;
content:"";
background-color:rgb(128 128 128 / 0.5);
top:0;
left:0;
height:100%;
width:100%;
}
jQuery(".quantity-block").addClass("blocked") // тут или сам пишешь класс в коде или так будет добавляться. ваствляй в document ready
jQuery('label[for=checkbox_more_page]').on('click', function(){
if(jQuery("#checkbox_more_page").prop("checked") == true) {
jQuery(".quantity-block").addClass("blocked")
} else {
jQuery(".quantity-block").removeClass("blocked")
}
});