從單選按鈕填充表格

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