logro que el boton se habilite al seleccionar un input checkbox, pero ahora que tengo que seleccionar los dos checkboks tengo que habilitar el boton y cuando solo un checkbox no este seleccionado el boton tiene que volverse a inhabilitar, agradeceria muchisimo su apoyo compañeros.
const $inputchec = document.querySelector('.form-check-input')
$inputchec.addEventListener('click', function() {
const seleccion = document.getElementsByName("checkbox");
for (var i = 0; i < seleccion.length; i++) {
if (seleccion[i].checked == true) {
document.getElementById("btnconttaval").disabled = false;
break;
} else {
document.getElementById("btnconttaval").disabled = true;
}
}
});
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
<div class="row">
<div class="col-md-12 form-check my-2">
<input class="form-check-input" type="checkbox" name="checkbox" id="checkDatos">
<label class="form-check-label" for="checkDatos">
checkbox-1
</label>
</div>
<div class="col-md-12 form-check my-3">
<input class="form-check-input" type="checkbox" name="checkbox" id="checkContrato">
<label class="form-check-label" for="checkContrato">
checkbox-2
</label>
</div>
</div>
<div class="row">
<div class="col-md-12 mt-5">
<button type="button" class="btn btn-warning text-white col-md-3" id="btnconttaval" disabled>Aceptar contrato</button>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>