从单选按钮填充表格


Populate Table From Radio Button

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

我把这个页面放在"w3schools"上的一个教程中,该教程在从下拉列表中选择用户名称后,用用户详细信息填充一个表。

我现在想对此做一点更改,而不是从下拉菜单中选择名称,我希望在我的表单上有一个名称列表,每个列表旁边都有一个单选按钮。然后,一旦选择单选按钮,表中就会显示正确的用户详细信息。

我做了很多研究,试图找到一个例子,但没有成功。

我只是想知道是否有人,当然比我更有经验,也许可以告诉我我需要做什么才能在我的表格上工作。

非常感谢

将下拉列表替换为:

<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 />

您可以将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)">

编辑:使用相同的名称来确保只能选择一个用户。

就是这样。如果出现问题,请进行评论。