从单选按钮填充表格

Question

我想知道是否有人能够帮助我。

我已经放在'w3schools'上找到的教程的页面，该教程在从下拉列表中选择其名称后填入用户详细信息。

我现在想改变这一点，而不是从下拉菜单中选择的名称，我想有一个我的表单上的名称列表与每个单选按钮。然后，一旦选择了单选按钮，表格中就会显示正确的用户详细信息。

我已经做了相当多的研究，试图找到一个例子，但没有任何成功。

我只是想知道是否有人，当然比我有更多的经验，可能会向我展示我需要做些什么来让我的表单工作。

非常感谢

Answer 1

可以使用click事件单选按钮，而不是onChange="showUser(this.value)"。

<input type='radio' name='a' value='1' onClick="showUser(this.value)"> 
<input type='radio' name='a' value='2' onClick="showUser(this.value)"> 
<input type='radio' name='a' value='3' onClick="showUser(this.value)"> 

编辑：相同的名称用于确保只有一个用户可以被选中。

就是这样。 评论是否有问题。

Answer 2

这个替换您的下拉列表：

<input type="radio" name="users" onclick="showUser(this.value)" value="1" /> Peter Griffin<br /> 
<input type="radio" name="users" onclick="showUser(this.value)" value="2" /> Lois Griffin<br /> 
<input type="radio" name="users" onclick="showUser(this.value)" value="3" /> Glenn Quagmire<br /> 
<input type="radio" name="users" onclick="showUser(this.value)" value="4" /> Joseph Swanson<br />