Well I can not capture the text when I click on option 3 so I get the value 3. Help

-2
    echo "              <td><label for=\"opcao1\"></label></td>";
    echo "              <td><input name=\"origem\" value=\"Azul\" id=\"Azul\" type=\"radio\" onclick=\"if(document.getElementById('textOutrosOrigem').disabled==false){document.getElementById('textOutrosOrigem').disabled=true;}\">Azul</td>";
    echo "          </tr>";
    echo "          <tr>";
    echo "              <td><label for=\"opcao2\">Origem</label></td>";
    echo "              <td><input name=\"origem\" value=\"Vermelho\" id=\"Vermelho\" type=\"radio\" onclick=\"if(document.getElementById('textOutrosOrigem').disabled==false){document.getElementById('textOutrosOrigem').disabled=true;}\">Vermelho</td>";
    echo "          </tr>";
    echo "          <tr>";
    echo "              <td><label for=\"opcao3\"></label></td>";
    echo "              <td><input name=\"origem\" value=\"outros\" id=\"outros\" type=\"radio\" onclick=\"if(document.getElementById('textOutrosOrigem').disabled==true){document.getElementById('textOutrosOrigem').disabled=false;}\">";
    echo "               Outros<input name=\"textOutrosOrigem\"  size=\"20\" id=\"textOutrosOrigem\" type=\"text\" style=\"width: 100%;\" \"height: 120px;\" disabled=\"disabled\"></br></br></td>";
    echo "          </tr>"; 

Javascript

 <script type="text/javascript">    

     window.onload = function () {

        document.getElementById('outros').onchange = habilitarCampo;
        }
        function habilitarCampo(){
        alert('dffwdfd');
            if document.getElementById('outros').checked == false;
            {
                document.getElementById('textOutrosOrigem').disabled = true;
                document.getElementById('textOutrosOrigem').text = '';
            }
            else
            {
                document.getElementById('textOutrosOrigem').disabled = false;

            }
        }
    
asked by anonymous 23.08.2016 / 15:16

1 answer

1

Thiago,

Follow the code

function teste() {
  if (document.getElementById('Azul').checked == true) {
    console.log('Azul');
  } else if (document.getElementById('Vermelho').checked == true) {
    console.log('Vermelho');
  } else {
    if (document.getElementById('textOutrosOrigem').value != "") {
      console.log(document.getElementById('textOutrosOrigem').value);
    } else {
      alert('Origem invalida!');
    }
  }
}
<table>
<td><label for="opcao1"></label></td>
    <td><input name="origem" value="Azul" id="Azul" type="radio" onclick="if(document.getElementById('textOutrosOrigem').disabled==false){document.getElementById('textOutrosOrigem').disabled=true;}">Azul</td>
</tr>
<tr>
    <td><label for="opcao2">Origem</label></td>
    <td><input name="origem" value="Vermelho" id="Vermelho" type="radio" onclick="if(document.getElementById('textOutrosOrigem').disabled==false){document.getElementById('textOutrosOrigem').disabled=true;}">Vermelho</td>
</tr>
<tr>
    <td><label for="opcao3"></label></td>
    <td><input name="origem" value="outros" id="outros" type="radio" onclick="if(document.getElementById('textOutrosOrigem').disabled==true){document.getElementById('textOutrosOrigem').disabled=false;}">
     Outros<input name="textOutrosOrigem"  size="20" id="textOutrosOrigem" type="text" style="width: 100%;" "height: 120px;" disabled="disabled"></br></br></td>
</tr> 
</table>
<button onclick="teste()">TESTE</button>
    
23.08.2016 / 17:30