Заполните таблицу с помощью радио кнопки

Question

Интересно, может ли кто-нибудь помочь мне.

Я собрал this из учебника, найденного в «w3schools», который заполняет таблицу подробными сведениями пользователя по выбору их имени из выпадающего списка.

Теперь я хотел бы изменить это немного, и вместо имен, выбранных из меню drop dowm, я хотел бы иметь список имен в моей форме с помощью переключателя для каждого из них. Затем, как только переключатель выбран, в таблице отображаются правильные данные пользователя.

Я провел немало исследований, чтобы попытаться найти пример для этого, но без каких-либо успехов.

Я просто задавался вопросом, есть ли кто-то, конечно, с большим опытом, чем я мог бы [аренда показать мне, что мне нужно сделать, чтобы заставить это работать на мою форму.

Большое спасибо

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

EDIT: одноименное имя используется, чтобы убедиться, что выбран только один пользователь.

Все. Комментарий, если что-то не так.

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