어떻게 양식의 "기타"필드에 결합 된 라디오/텍스트 입력을 구축하기 위해 노력하고있어 텍스트 입력

Question

와 함께 라디오 입력을 결합합니다.

<input id="artist" type="radio" name="artist" value="Other"> 
<input id="other-artist" type="text" name="other_artist" placeholder="Other Artist"/> 

텍스트 입력을 클릭하고 라디오를 선택하는 방법을 알아낼 수 없습니다. 레이블에 텍스트 입력을 배치하려고했지만 작동하지 않습니다.

Answer 1

당신은 입력을 해제하고 같은 라디오를 확인하는 onclick 이벤트를 추가 할 수 있습니다.

<input id="artist" type="radio" name="artist" value="Other"> 

<input id="other-artist" type="text" name="other_artist"placeholder="Other Artist" 
onClick="selectRadio()" /> 

및

selectRadio =() => { 
    var radio = document.getElementById("artist"); 
    radio.checked = true; 
} 

example

JS

희망이 도움이됩니다.