Usando Jquery você pode resolver este problema usando a função toggle()
facilmente, observe que removi o evento onclick
do checkbox
e adicionei um id
:
CheckBox novo
<div class="form-group row">
<label for="metadata" class="col-sm-2 col-form-label">Cor de fundo:</label>
<div class="col-sm-10">
<input name="" type="checkbox" value="background" id="changeBackground"> Usar Padrão do
site
<input type="color" name="background" id="background">
</div>
</div>
Código JavaScript com Jquery
<script>
$("#changeBackground").click(function(){
if($("#background""#changeBackground").toggleis(":checked");){
});
function enableColorsBackground $("#background") {.attr("disabled","true");
document.getElementById $('background'"#background").removehide() ;
}
</script>
PÓS EDIÇÃO
substitua o antigo Jquery por este:
$("#changeBackground").click(function()else{
if($("#changeBackground").is(":checked")){
$("#background").attrremoveAttr("disabled","true");
$("#background").hideshow();
}else{
});
$("#background").removeAttrfunction enableColorsBackground("disabled"); {
$document.getElementById("#background"'background').showremove() ;
}
});</script>