Checkbox = true Disable

by Rapha Souza

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!DOCTYPE html>
<html>
<body>






         <div class="form-group col-md-6">
            <div class="checkbox">
              <label>
                <input name="AdiantamentoAcordoCol" value="Adiantamento de Acordo Coletivo" type="checkbox" id="AdiantamentoAcordoCol" style=""  onclick="liberaCamposAC()" >
                <span class="">Adiantamento de Acordo Coletivo</span> </label>
            </div>
            <div class="row">
              <div class="form-group col-md-3">
                <label for="porcentagemAcordoColetivo">Valor (em %)</label>
                <select class="form-control" id="porcentagemAcordoColetivo" name="porcentagemAcordoColetivo" disabled>
                  <option value="0">Selecione</option>
                  <option value="25">25%</option>
                  <option value="50">50%</option>
                  <option value="75">75%</option>
                  <option value="100">100%</option>
                </select>
              </div>
              <div class="form-group col-md-4">
                <label for="qtdParcelas">Quantidade de Parcelas</label>
                <select class="form-control" id="qtdParcelas" name="qtdParcelas" disabled>
                  <option value="0">Selecione</option>
                  <option value="1">1</option>
                  <option value="2">2</option>
                  <option value="3">3</option>
                  <option value="4">4</option>
                  <option value="5">5</option>
                  <option value="6">6</option>
        ...

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}