Как мы можем повернуть переключатель, когда мы вводим его ввод

Question

Как вы видите ниже, у меня есть группа переключателей, которая имеет три варианта. Последний - текстовый ввод. Есть ли способ, чтобы последний проверял, когда я ввожу что-то в его текстовое поле?

<input type='radio' name='result' value="0"/><label for="0">False</label><br/> 
<input type='radio' name='result' value="1"/><label for="1">True</label><br/> 
<input type='radio' name='result' value="2"/><label for="2"> 
<input type="text" placeholder="Type your result" name="result_answ"></label> 

Answer 1

При условии, у вас есть JQuery загружены использовать это:

<input type='radio' name='result' value="0"/><label for="0">False</label><br/> 
<input type='radio' name='result' value="1"/><label for="1">True</label><br/> 
<input type='radio' name='result' value="2"/><label for="2"> 
<input type="text" placeholder="Type your result" onkeyup="jQuery(this).parent().prev().prop('checked', true)" name="result_answ"></label> 

Вот демо:
http://jsfiddle.net/9q1j36cj/

EDIT: Вот не-JQuery версия:

<input type='radio' name='result' value="0"/><label for="0">False</label><br/> 
<input type='radio' name='result' value="1"/><label for="1">True</label><br/> 
<input type='radio' name='result' value="2"/><label for="2"> 
<input type="text" placeholder="Type your result" onkeyup="this.parentNode.previousSibling.checked = true" name="result_answ"></label> 

http://jsfiddle.net/9q1j36cj/1/

Answer 2

Попробуйте ввести код.

onload = function(){ 
 

 
document.getElementsByName('result_answ')[0].onkeyup = function(){ 
 
    if(this.value!==''){ 
 
    document.getElementsByName('result')[2].setAttribute('checked', true); 
 
    }else{ 
 
    document.getElementsByName('result')[2].removeAttribute('checked') 
 
    } 
 
} 
 

 
}

<input type='radio' name='result' value="0"/><label for="0">False</label><br/> 
 
<input type='radio' name='result' value="1"/><label for="1">True</label><br/> 
 
<input type='radio' name='result' value="2"/><label for="2"> 
 
<input type="text" placeholder="Type your result" name="result_answ"></label>