Habilitando e desabilitando campo input usando checkbox

Mike Figueiredo · Agosto 2, 2017

Boa tarde, estou com um problema ( Desde já digo, não conheço muito sobre javascript ). Tenho um formulário onde um determinado <input type="text"> se inicia bloqueado, quando o usuário seleciona alguma modalidade de DUPLA através do checkbox, o campo é liberado para o preenchimento, todavia, se o usuário desmarcar o checkbox selecionado o campo deve voltar a ficar bloqueado. Consegui realizar esse evento usando apenas UM checkbox, contudo não consigo fazer o evento funcionar quando uso mais de um checkbox para controlar o evento. São 5 checkbox, ao selecionar qualquer um deles, o campo é habilitado, mas se ele desmarcar o checkbox e, não houver NENHUM checkbox marcado, o campo deve ser bloqueado novamente. Desde já, obrigado.

CÓDIGO JS ( Sim, eu sei, está horrível, não consegui fazer rodas usando um só id, então criei um id para cada checkbox)

$(document).ready(function() {
                   // desabilitando o campo
               $('.travamento-dupla').attr("disabled", true);
               // mudando a cor do campo
                   $('.travamento-dupla').css("background-color", "#cccccc");
           });

           $(document).ready(function() {

           $("#disable").click(function (){
                   // habilitando o campo
               $('.travamento-dupla').attr("disabled", false);
               // mudando a cor do campo
                   $('.travamento-dupla').css("background-color", "#ffffff");
           });
           });

           $(document).ready(function() {

           $("#disable1").click(function (){
                   // habilitando  o campo
               $('.travamento-dupla').attr("disabled", false);
               // mudando a cor do campo
                   $('.travamento-dupla').css("background-color", "#ffffff");
           });
           });

           $(document).ready(function() {

           $("#disable2").click(function (){
                   // habilitando  o campo
               $('.travamento-dupla').attr("disabled", false);
               // mudando a cor do campo
                   $('.travamento-dupla').css("background-color", "#ffffff");
           });
           });

           $(document).ready(function() {

           $("#disable3").click(function (){
                   // habilitando  o campo
               $('.travamento-dupla').attr("disabled", false);
               // mudando a cor do campo
                   $('.travamento-dupla').css("background-color", "#ffffff");
           });
           });

           $(document).ready(function() {

           $("#disable4").click(function (){
                   // habilitando  o campo
               $('.travamento-dupla').attr("disabled", false);
               // mudando a cor do campo
                   $('.travamento-dupla').css("background-color", "#ffffff");
           });
           });

FIM CÓDIGO JS

CÓDIGO HTML

<input id="disable" type="checkbox" name="modalidades[]" value="Truco, ">Truco<br/>

<input id="disable1" type="checkbox" name="modalidades[]" value="Dominó, " > Dominó <br/>

<input id="disable2" type="checkbox" name="modalidades[]" value="Canastra, " > Canastra<br/>

<input id="disable3" type="checkbox" name="modalidades[]" value="Tênis de quadra - Dupla mista, " > Tênis de quadra - Dupla mista <br/>

<input id="disable4" type="checkbox" name="modalidades[]" value="Tênis de quadra - Dupla Masculino e Feminino, " > Tênis de quadra - Dupla Masculino e Feminino <br/>

FIM CÓDIGO HTML