input type="time" apagar o value quando o checkbox for desmarcado

[carlosmassam 0]

Bom dia a todos. Eu tenho o seguinte código em HTML

<input type="checkbox" id="checkmarcacao1" name="checkmarcacao1" value="checkmarcacao1">
<input type="time" id="hora101" name="hora101" disabled="disabled">

E tenho o seguinte código em Javascript

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
  $(document).ready(function () {
	$('input[name=checkmarcacao1]').change(function() {
  	if ($(this).is(':checked')) {
    	$('input[name=hora101]').removeAttr('disabled');
		} else {
    	$('input[name=hora101]').attr('disabled',true);
		}
	});
});
</script>

Esse meu código em Javascript faz o seguinte: Quando meu Checkbox está marcado, ele habilita o input time. Se eu desmarcar o checkbox, o input time é desabilitado.

Acontece que se eu marcar o checkbox, escrever no input time, por exemplo: 12:34, depois desmarcar o checkbox o  input time fica desabilitado porém o valor 12:34 ainda fica escrito nele.

Eu gostaria de saber como apagar o valor do input time quando o checkbox estiver desmarcado. 

 

Quem quiser testar o código segue o link: https://jsfiddle.net/o8f3zvqu/

[Omar~ 87]

<input type="checkbox" id="checkmarcacao1" />
<input type="time" id="hora101" disabled="" />

<script>
    var checkbox = document.getElementById('checkmarcacao1'),
        time = document.getElementById('hora101');

    checkbox.checked = null;
    time.value = null;
    time.setAttribute('disabled', '');

    function alterarInput(e) {
        if (e.target.checked) {
            time.removeAttribute('disabled');
        } else {
            time.setAttribute('disabled', '');
            time.value = null;
        }
    }
    checkbox.addEventListener('change', alterarInput, false);
</script>