Estou com a seguinte situação: Tenho um formulário com alguns selects e 2 inputs. Um com data início que será preenchido pelo usuário que é do type date e outro com o type text. Conforme imagem abaixo:
<div class="panel-body">
<div class="radio">
<label>
<input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios1" value="option1" onchange="getRadioSelected1()">
5 dias
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios2" value="option2" onchange="getRadioSelected2()">
10 dias
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios3" value="option3" onchange="getRadioSelected3()">
15 dias
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios4" value="option4" onchange="getRadioSelected4()">
20 dias
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios5" value="option5" onchange="getRadioSelected5()">
30 dias
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios6" value="option6" onchange="getRadioSelected6()">
5 dias com a venda de 10 dias
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios7" value="option7" onchange="getRadioSelected7()">
15 dias com a venda de 10 dias
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios8" value="option8" onchange="getRadioSelected8()">
20 dias com a venda de 10 dias
</label>
</div><br>
<div class="col-md-2">
<label for="dt_inicio">Data início das Férias</label>
<input type="date" class="form-control" name="dt_inicio" id="dt_inicio" onchange='pegaDtInicial()'>
</div>
<div class="col-md-2">
<label for="dt_fim">Data fim das Férias</label>
<input type="text" class="form-control" name="dt_fim" id="dt_fim" readonly>
</div>
</div>
ao clicar na data início devo verificar qual dos radios foi escolhido e preencher o input da data fim com este valor.
para adquirir o valor do input eu fiz:
function dtFinal(data){
if(getRadioSelected1){
document.getElementById("dt_fim").value = 'Radio 1 Selecionado';
}else if(getRadioSelected2){
document.getElementById("dt_fim").value = 'Radio 2 Selecionado';
}else if(getRadioSelected3){
document.getElementById("dt_fim").value = 'Radio 3 Selecionado';
}else if(getRadioSelected4){
document.getElementById("dt_fim").value = 'Radio 4 Selecionado';
}else if(getRadioSelected5){
document.getElementById("dt_fim").value = 'Radio 5 Selecionado';
}else if(getRadioSelected5){
document.getElementById("dt_fim").value = 'Radio 6 Selecionado'o;
}else if(getRadioSelected6){
document.getElementById("dt_fim").value = 'Radio 7 Selecionado'';
}else if(getRadioSelected7){
document.getElementById("dt_fim").value = 'Radio 8 Selecionado';
}else{
console.log('Valor inválido!');
}
}
Só que o problema é que por algum motivo ao clicar em qualquer um dos radios, ele só preenche o input dt fim com o valor Radio 1 Selecionado. Ele não está entrando nos outros ifs. Por favor, alguém consegue me ajudar?
if(getRadioSelected1)
o termogetRadioSelected1
é uma função que demanda um parâmetro. No caso você está testando se a expressãogetRadioSelected1
referencia algo ou é nulo e comogetRadioSelected1
é a referencia para função declaradafunction getRadioSelected1(valor)
o mesmo é válido para todas as outras funções.getRadioSelectedXXX(valor)
demandam um parâmetrovalor
e tanto a funçãofunction pegaDtInicial(data)
e restante do código apresentado não fornecem informações suficientes para inferir sobre a origem do valor passado para as funçõesgetRadioSelectedXXX(valor)
testadas nas funçãofunction pegaDtInicial(data)
.if(getRadioSelected1( ??? ))
mas não temos como saber o que vai onde está escrito???
.getRadioSelectedXXX(valor)
a forma como faz suas comparações estão equivocadas. Quando fazif(valor = 'option1')
você não está comparando expressões, na verdade você está atribuindo'option1'
avalor
quando quiser fazer comparações em javascript use o comparador==
para saber apenas se os conteúdos são iguais e o comparador===
para saber se os conteúdos e tipos são iguais.