如何将无线电输入与文本输入相结合

时间:2017-12-17 00:35:23

标签: javascript html css forms radio-button

我试图为"其他"建立一个组合的广播/文字输入。表格中的字段。

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

我无法弄清楚如何点击文字输入内部并选择收音机。我尝试将文本输入包装在标签中但不起作用。

1 个答案:

答案 0 :(得分: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

希望这有帮助。