ラジオ入力とテキスト入力を組み合わせる方法

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()" /> 

とJS

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

example

は、このヘルプを願っています。