Skip to main content
adicionou 842 caracteres ao conteúdo
Fonte Link
Erika
  • 25
  • 1
  • 6

Estou fazendo uma verificação na qual tenho as seguintes funçõescom 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:

//pega os valores dos radios<div class="panel-body">
function getRadioSelected1(valor){
    if(valor = 'option1'){                 <div class="radio">
        var get1 = document.getElementById('optionsRadios1').value;                 <label>
        console.log                    <input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios1" value="option1" onchange="getRadioSelected1(get1);">
    }else{
        console.log('O Radio 1 não foi marcado!');
    }
}       5 dias
                            </label>
function getRadioSelected2(valor){                       </div>
    if(valor = 'option2'){                  <div class="radio">
        var get1 = document.getElementById('optionsRadios2').value;                 <label>
        console.log                    <input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios2" value="option2" onchange="getRadioSelected2(get1);">
    }else{
        console.log('O Radio 2 não foi marcado!');
    }
}       10 dias
                            </label>
function getRadioSelected3(valor){                       </div>
    if(valor = 'option3'){                  <div class="radio">
        var get1 = document.getElementById('optionsRadios3').value;                 <label>
        console.log                    <input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios3" value="option3" onchange="getRadioSelected3(get1);">
    }else{
        console.log('O Radio 3 não foi marcado!');
    }
}       15 dias
                            </label>
function getRadioSelected4(valor){                       </div>
    if(valor = 'option4'){                  <div class="radio">
        var get1 = document.getElementById('optionsRadios4').value;                 <label>
        console.log                    <input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios4" value="option4" onchange="getRadioSelected4(get1);">
    }else{
        console.log('O Radio 4 não foi marcado!');
    }
}       20 dias
                            </label>
function getRadioSelected5(valor){                       </div>
    if(valor = 'option5'){                  <div class="radio">
        var get1 = document.getElementById('optionsRadios5').value;                 <label>
        console.log                    <input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios5" value="option5" onchange="getRadioSelected5(get1);">
    }else{
        console.log('O Radio 5 não foi marcado!');
    }
}       30 dias
                            </label>
function getRadioSelected6(valor){                       </div>
    if(valor = 'option6'){                  <div class="radio">
        var get1 = document.getElementById('optionsRadios6').value;                 <label>
        console.log                    <input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios6" value="option6" onchange="getRadioSelected6(get1);">
    }else{
        console.log('O Radio 6 não foi marcado!');
    }
}       5 dias com a venda de 10 dias
                            </label>
function getRadioSelected7(valor){                       </div>
    if(valor = 'option7'){                  <div class="radio">
        var get1 = document.getElementById('optionsRadios7').value;                 <label>
        console.log                    <input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios7" value="option7" onchange="getRadioSelected7(get1);">
    }else{
        console.log('O Radio 7 não foi marcado!');
    }
}       15 dias com a venda de 10 dias
                            </label>
function getRadioSelected8(valor){                       </div>
    if(valor = 'option8'){                  <div class="radio">
        var get1 = document.getElementById('optionsRadios8').value;                 <label>
        console.log                    <input type="radio" name="optionsRadios" class="bloqueio_campo" id="optionsRadios8" value="option8" onchange="getRadioSelected8(get1);">
    }else{
        console.log('O Radio 8 não foi marcado!');
    }
}

seguidos de uma estrutura if else encadeado.Segue exemplo20 abaixo:

dias com a venda de 10 dias
                            </label>
                        </div><br> pega o 
 valor da data incial            <div class="col-md-2">
function pegaDtInicial(data){               <label for="dt_inicio">Data início das Férias</label>
    var dtInicio = document.getElementById         <input type="date" class="form-control" name="dt_inicio" id="dt_inicio" onchange='pegaDtInicial('dt_inicio').value;'>
            </div>
    dtInicio = dtInicio.split('      <div class="col-').reverse().join('/');md-2">
                <label for="dt_fim">Data fim das Férias</label>
     console.log(dtInicio);           <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 = dtInicio;
  'Radio 1 Selecionado';
 }else if(getRadioSelected2){
         document.getElementById("dt_fim").value = 'Radio 2';
  'Radio 2 Selecionado';
 }else if(getRadioSelected3){
 
         document.getElementById("dt_fim").value = 'Radio 3';
  'Radio 3 Selecionado';
 }else if(getRadioSelected4){
 
         document.getElementById("dt_fim").value =  'Radio 4';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 5';7 Selecionado'';
 }else if(getRadioSelected7){
   }
  document.getElementById("dt_fim").value = else{
 'Radio 8 Selecionado';
 }else{
     console.log('O Radio 5 não foi'Valor marcadoinválido!');

     }
}

Sendo}

que, o problema é que por algum motivo que não consegui identificar aindaao clicar em qualquer um dos radios, ele preenche o input dt fim com o valor Radio 1 Selecionado. Ele não está caindo no primeiro ifentrando nos outros ifs.

Como corrigir essa falha Por favor, alguém consegue me ajudar?

Estou fazendo uma verificação na qual tenho as seguintes funções:

//pega os valores dos radios 
function getRadioSelected1(valor){
    if(valor = 'option1'){
        var get1 = document.getElementById('optionsRadios1').value;
        console.log(get1);
    }else{
        console.log('O Radio 1 não foi marcado!');
    }
}

function getRadioSelected2(valor){
    if(valor = 'option2'){
        var get1 = document.getElementById('optionsRadios2').value;
        console.log(get1);
    }else{
        console.log('O Radio 2 não foi marcado!');
    }
}

function getRadioSelected3(valor){
    if(valor = 'option3'){
        var get1 = document.getElementById('optionsRadios3').value;
        console.log(get1);
    }else{
        console.log('O Radio 3 não foi marcado!');
    }
}

function getRadioSelected4(valor){
    if(valor = 'option4'){
        var get1 = document.getElementById('optionsRadios4').value;
        console.log(get1);
    }else{
        console.log('O Radio 4 não foi marcado!');
    }
}

function getRadioSelected5(valor){
    if(valor = 'option5'){
        var get1 = document.getElementById('optionsRadios5').value;
        console.log(get1);
    }else{
        console.log('O Radio 5 não foi marcado!');
    }
}

function getRadioSelected6(valor){
    if(valor = 'option6'){
        var get1 = document.getElementById('optionsRadios6').value;
        console.log(get1);
    }else{
        console.log('O Radio 6 não foi marcado!');
    }
}

function getRadioSelected7(valor){
    if(valor = 'option7'){
        var get1 = document.getElementById('optionsRadios7').value;
        console.log(get1);
    }else{
        console.log('O Radio 7 não foi marcado!');
    }
}

function getRadioSelected8(valor){
    if(valor = 'option8'){
        var get1 = document.getElementById('optionsRadios8').value;
        console.log(get1);
    }else{
        console.log('O Radio 8 não foi marcado!');
    }
}

seguidos de uma estrutura if else encadeado.Segue exemplo abaixo:


// pega o valor da data incial
function pegaDtInicial(data){
    var dtInicio = document.getElementById('dt_inicio').value;
    
    dtInicio = dtInicio.split('-').reverse().join('/');
    
     console.log(dtInicio);
     
     if(getRadioSelected1){
         document.getElementById("dt_fim").value = dtInicio;
     }else if(getRadioSelected2){
         document.getElementById("dt_fim").value = 'Radio 2';
     }else if(getRadioSelected3){
 
         document.getElementById("dt_fim").value = 'Radio 3';
     }else if(getRadioSelected4){
 
         document.getElementById("dt_fim").value = 'Radio 4';
     }else if(getRadioSelected5){
 
         document.getElementById("dt_fim").value = 'Radio 5';
     }
    else{
         console.log('O Radio 5 não foi marcado!');

     }
}

Sendo que, por algum motivo que não consegui identificar ainda, só está caindo no primeiro if.

Como corrigir essa falha?

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!');

 }

}

que o problema é que por algum motivo ao clicar em qualquer um dos radios, ele 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?

Pergunta fechada como "Duplicada" por Augusto Vasques, LeAndrade, Syzoth javascript
Adicionado código dentro do <code>
Fonte Link
Valdeir Psr
  • 11mil
  • 2
  • 18
  • 33

Pessoal estouEstou fazendo uma verificação na qual tenho as seguintes funções:

sendoSendo que, por algum motivo que não consegui identificar ainda, só está caindo no primeiro ifif.

Por favor, Algúem consegue me ajudarComo corrigir essa falha?

Pessoal estou fazendo uma verificação na qual tenho as seguintes funções:

sendo que por algum motivo que não consegui identificar ainda, só está caindo no primeiro if.

Por favor, Algúem consegue me ajudar?

Estou fazendo uma verificação na qual tenho as seguintes funções:

Sendo que, por algum motivo que não consegui identificar ainda, só está caindo no primeiro if.

Como corrigir essa falha?

Pessoal estou fazendo uma verificação na qual tenho as seguintes funções: //pega os valores dos radios function getRadioSelected1(valor){ if(valor = 'option1'){ var get1 = document.getElementById('optionsRadios1').value; console.log(get1); }else{ console.log('O Radio 1 não foi marcado!'); } }

function getRadioSelected2(valor){ if(valor = 'option2'){ var get1 = document.getElementById('optionsRadios2').value; console.log(get1); }else{ console.log('O Radio 2 não foi marcado!'); } }

function getRadioSelected3(valor){ if(valor = 'option3'){ var get1 = document.getElementById('optionsRadios3').value; console.log(get1); }else{ console.log('O Radio 3 não foi marcado!'); } }

function getRadioSelected4(valor){ if(valor = 'option4'){ var get1 = document.getElementById('optionsRadios4').value; console.log(get1); }else{ console.log('O Radio 4 não foi marcado!'); } }

function getRadioSelected5(valor){ if(valor = 'option5'){ var get1 = document.getElementById('optionsRadios5').value; console.log(get1); }else{ console.log('O Radio 5 não foi marcado!'); } }

function getRadioSelected6(valor){ if(valor = 'option6'){ var get1 = document.getElementById('optionsRadios6').value; console.log(get1); }else{ console.log('O Radio 6 não foi marcado!'); } }

function getRadioSelected7(valor){ if(valor = 'option7'){ var get1 = document.getElementById('optionsRadios7').value; console.log(get1); }else{ console.log('O Radio 7 não foi marcado!'); } }

function getRadioSelected8(valor){ if(valor = 'option8'){ var get1 = document.getElementById('optionsRadios8').value; console.log(get1); }else{ console.log('O Radio 8 não foi marcado!'); } }

seguidos de uma estrutura if else encadeado.Segue exemplo abaixo:

// pega o valor da data incial function pegaDtInicial(data){ var dtInicio = document.getElementById('dt_inicio').value;

//pega os valores dos radios 
function getRadioSelected1(valor){
    if(valor = 'option1'){
        var get1 = document.getElementById('optionsRadios1').value;
        console.log(get1);
    }else{
        console.log('O Radio 1 não foi marcado!');
    }
}

function getRadioSelected2(valor){
    if(valor = 'option2'){
        var get1 = document.getElementById('optionsRadios2').value;
        console.log(get1);
    }else{
        console.log('O Radio 2 não foi marcado!');
    }
}

function getRadioSelected3(valor){
    if(valor = 'option3'){
        var get1 = document.getElementById('optionsRadios3').value;
        console.log(get1);
    }else{
        console.log('O Radio 3 não foi marcado!');
    }
}

function getRadioSelected4(valor){
    if(valor = 'option4'){
        var get1 = document.getElementById('optionsRadios4').value;
        console.log(get1);
    }else{
        console.log('O Radio 4 não foi marcado!');
    }
}

function getRadioSelected5(valor){
    if(valor = 'option5'){
        var get1 = document.getElementById('optionsRadios5').value;
        console.log(get1);
    }else{
        console.log('O Radio 5 não foi marcado!');
    }
}

function getRadioSelected6(valor){
    if(valor = 'option6'){
        var get1 = document.getElementById('optionsRadios6').value;
        console.log(get1);
    }else{
        console.log('O Radio 6 não foi marcado!');
    }
}

function getRadioSelected7(valor){
    if(valor = 'option7'){
        var get1 = document.getElementById('optionsRadios7').value;
        console.log(get1);
    }else{
        console.log('O Radio 7 não foi marcado!');
    }
}

function getRadioSelected8(valor){
    if(valor = 'option8'){
        var get1 = document.getElementById('optionsRadios8').value;
        console.log(get1);
    }else{
        console.log('O Radio 8 não foi marcado!');
    }
}

seguidos de uma estrutura if else encadeado.Segue exemplo abaixo:


// pega o valor da data incial
function pegaDtInicial(data){
    var dtInicio = document.getElementById('dt_inicio').value;
    
    dtInicio = dtInicio.split('-').reverse().join('/');
    
     console.log(dtInicio);
     
     if(getRadioSelected1){
         document.getElementById("dt_fim").value = dtInicio;
     }else if(getRadioSelected2){
         document.getElementById("dt_fim").value = 'Radio 2';
     }else if(getRadioSelected3){

         document.getElementById("dt_fim").value = 'Radio 3';
     }else if(getRadioSelected4){

         document.getElementById("dt_fim").value = 'Radio 4';
     }else if(getRadioSelected5){

         document.getElementById("dt_fim").value = 'Radio 5';
     }
    else{
         console.log('O Radio 5 não foi marcado!');

     }
}

}

Pessoal estou fazendo uma verificação na qual tenho as seguintes funções: //pega os valores dos radios function getRadioSelected1(valor){ if(valor = 'option1'){ var get1 = document.getElementById('optionsRadios1').value; console.log(get1); }else{ console.log('O Radio 1 não foi marcado!'); } }

function getRadioSelected2(valor){ if(valor = 'option2'){ var get1 = document.getElementById('optionsRadios2').value; console.log(get1); }else{ console.log('O Radio 2 não foi marcado!'); } }

function getRadioSelected3(valor){ if(valor = 'option3'){ var get1 = document.getElementById('optionsRadios3').value; console.log(get1); }else{ console.log('O Radio 3 não foi marcado!'); } }

function getRadioSelected4(valor){ if(valor = 'option4'){ var get1 = document.getElementById('optionsRadios4').value; console.log(get1); }else{ console.log('O Radio 4 não foi marcado!'); } }

function getRadioSelected5(valor){ if(valor = 'option5'){ var get1 = document.getElementById('optionsRadios5').value; console.log(get1); }else{ console.log('O Radio 5 não foi marcado!'); } }

function getRadioSelected6(valor){ if(valor = 'option6'){ var get1 = document.getElementById('optionsRadios6').value; console.log(get1); }else{ console.log('O Radio 6 não foi marcado!'); } }

function getRadioSelected7(valor){ if(valor = 'option7'){ var get1 = document.getElementById('optionsRadios7').value; console.log(get1); }else{ console.log('O Radio 7 não foi marcado!'); } }

function getRadioSelected8(valor){ if(valor = 'option8'){ var get1 = document.getElementById('optionsRadios8').value; console.log(get1); }else{ console.log('O Radio 8 não foi marcado!'); } }

seguidos de uma estrutura if else encadeado.Segue exemplo abaixo:

// pega o valor da data incial function pegaDtInicial(data){ var dtInicio = document.getElementById('dt_inicio').value;

dtInicio = dtInicio.split('-').reverse().join('/');

 console.log(dtInicio);
 
 if(getRadioSelected1){
     document.getElementById("dt_fim").value = dtInicio;
 }else if(getRadioSelected2){
     document.getElementById("dt_fim").value = 'Radio 2';
 }else if(getRadioSelected3){

     document.getElementById("dt_fim").value = 'Radio 3';
 }else if(getRadioSelected4){

     document.getElementById("dt_fim").value = 'Radio 4';
 }else if(getRadioSelected5){

     document.getElementById("dt_fim").value = 'Radio 5';
 }
else{
     console.log('O Radio 5 não foi marcado!');

 }

}

Pessoal estou fazendo uma verificação na qual tenho as seguintes funções:

//pega os valores dos radios 
function getRadioSelected1(valor){
    if(valor = 'option1'){
        var get1 = document.getElementById('optionsRadios1').value;
        console.log(get1);
    }else{
        console.log('O Radio 1 não foi marcado!');
    }
}

function getRadioSelected2(valor){
    if(valor = 'option2'){
        var get1 = document.getElementById('optionsRadios2').value;
        console.log(get1);
    }else{
        console.log('O Radio 2 não foi marcado!');
    }
}

function getRadioSelected3(valor){
    if(valor = 'option3'){
        var get1 = document.getElementById('optionsRadios3').value;
        console.log(get1);
    }else{
        console.log('O Radio 3 não foi marcado!');
    }
}

function getRadioSelected4(valor){
    if(valor = 'option4'){
        var get1 = document.getElementById('optionsRadios4').value;
        console.log(get1);
    }else{
        console.log('O Radio 4 não foi marcado!');
    }
}

function getRadioSelected5(valor){
    if(valor = 'option5'){
        var get1 = document.getElementById('optionsRadios5').value;
        console.log(get1);
    }else{
        console.log('O Radio 5 não foi marcado!');
    }
}

function getRadioSelected6(valor){
    if(valor = 'option6'){
        var get1 = document.getElementById('optionsRadios6').value;
        console.log(get1);
    }else{
        console.log('O Radio 6 não foi marcado!');
    }
}

function getRadioSelected7(valor){
    if(valor = 'option7'){
        var get1 = document.getElementById('optionsRadios7').value;
        console.log(get1);
    }else{
        console.log('O Radio 7 não foi marcado!');
    }
}

function getRadioSelected8(valor){
    if(valor = 'option8'){
        var get1 = document.getElementById('optionsRadios8').value;
        console.log(get1);
    }else{
        console.log('O Radio 8 não foi marcado!');
    }
}

seguidos de uma estrutura if else encadeado.Segue exemplo abaixo:


// pega o valor da data incial
function pegaDtInicial(data){
    var dtInicio = document.getElementById('dt_inicio').value;
    
    dtInicio = dtInicio.split('-').reverse().join('/');
    
     console.log(dtInicio);
     
     if(getRadioSelected1){
         document.getElementById("dt_fim").value = dtInicio;
     }else if(getRadioSelected2){
         document.getElementById("dt_fim").value = 'Radio 2';
     }else if(getRadioSelected3){

         document.getElementById("dt_fim").value = 'Radio 3';
     }else if(getRadioSelected4){

         document.getElementById("dt_fim").value = 'Radio 4';
     }else if(getRadioSelected5){

         document.getElementById("dt_fim").value = 'Radio 5';
     }
    else{
         console.log('O Radio 5 não foi marcado!');

     }
}
Fonte Link
Erika
  • 25
  • 1
  • 6
Carregando