Estoy haciendo un form
en php
que tiene dos input
radio. Al seleccionar uno, muestra el otro y oculta un div
. Lo que pretendo es que cuando esté oculto este div
, el required
este deshabilitado. Lo estoy intentando hace horas, pero como no tengo experiencia con JavaScript
mi código no esta funcionando en la parte de retirar el required
.
Podrían ayudarme con esto?
<script>
$(document).ready(function() {
$("input[type=radio]").click(function(event){
var valor = $(event.target).val();
if(valor =="1"){
$("#hospedagem").show( );
} else if (valor == "0") {
$("#hospedagem").hide(
function () {
$('#nome_hotel').removeAttr("required");
}
);
} else {
// Otra cosa
}
});
});
Código html
donde están las div's
<div class="form-group col-md-12">
<label for="requer_quarto" class="control-label" style="margin-right: 20px;">¿Precisa cadastrar hospedagem para a excurssão? </label>
<label class="radio-inline">
<input type="radio" id="requer_quarto" name="requer_quarto" value="1" checked> SIM
</label>
<label class="radio-inline">
<input type="radio" id="requer_quarto" name="requer_quarto" value="0"> NÃO
</label>
</div>
<div class="form-group col-md-4" id="hospedagem">
<label class="control-label">Hospedagem</label>
<div>
<input type="text" name="nome_hotel" id="nome_hotel" class="form-control input-lg" required="required">
<span class="field-explanation" style="font-size: 14px;">ex. Pousada recanto verde</span>
</div>
</div>