Olá, preciso fazer uma condição simples via javaScript em um Modal!
A condição é a seguinte, tenho um SELECT com dois OPTIONS, quando um OPTION for selecionado, quero habilitar dois INPUTS ,
abaixo , segue o código! alguém pode me ajudar a resolver!
`<!DOCTYPE html>
<html lang="pt" xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<body>
<script>
$('#tipoIntervalo').change(function () {
if($(this).val() == 'Fixo'){
$('#horaEntrada').attr("disabled", false);
$('#horaSaida').attr("disabled", false);
}
})
</script>
<div class="modal fade" id="cadastroHorario" tabindex="-1"
th:fragment="modal" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">Cadastrar Horário</h4>
</div>
<div class="modal-body">
<div
class="alert alert-danger hidden js-mensagem-cadastro-horarios"
role="alert"></div>
<form th:action="@{/horarios}" >
<div class="row">
<div class="form-group col-sm-5">
<label>Nome do Horário</label> <input class="form-control"
id="nomeHorario" placeholder="Informe o nome do Horário" />
</div>
<div class="form-group col-sm-4">
<label>Tipo do Horário</label> <select class="form-control">
<option id="tipoHorario" th:each="tipHor : ${tiposHorarios}"
th:value="${tipHor}" th:text="${tipHor.descricao}"></option>
</select>
</div>
<div class="form-group col-sm-3 ">
<label>Tipo Intervalo</label> <select class="form-control">
<option id="tipoIntervalo"
th:each="tipoIntervalo : ${tiposIntervalos}"
th:value="${tipoIntervalo}"
th:text="${tipoIntervalo.descricao}"></option>
</select>
</div>
<div class="form-group col-sm-6">
<label>Hora Entrada</label> <input type="time"
class="form-control " placeholder="Informe a hora de Entrada"
id="horaEntrada" disabled="disabled"/>
</div>
<div class="form-group col-sm-6">
<label>Hora Saída</label> <input type="time"
class="form-control " placeholder="Informe a hora de saída"
id="horaSaida" disabled="disabled"/>
</div>
<div class="form-group col-sm-6">
<label>Duração do Intervalo</label> <input type="time"
class="form-control "
placeholder="Informe a duração do Intervalo"
id="duracaoIntervalo" />
</div>
<div class="form-group col-sm-6">
<label>Duração da Jornada</label> <input type="time"
class="form-control "
placeholder="Informe a duração da Jornada" id="duracaoJornada" />
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
<button type="button"
class="btn btn-primary js-modal-cadastrar-horario-trabalho-btn">Cadastrar</button>
</div>
</div>
</div>
</div>
</body>
</html>
