Javascript 如何显示单选按钮上列出的用户名和密码？_Javascript_Jquery_Html

Javascript 如何显示单选按钮上列出的用户名和密码？

javascript jquery html

Javascript 如何显示单选按钮上列出的用户名和密码？,javascript,jquery,html,Javascript,Jquery,Html,我想在下面的标签字段中显示选中单选按钮的特定行的用户名和密码，我还想将它们存储在变量中。那么我如何才能做到这一点呢 <!DOCTYPE html> <html> <head> <title>TESTING</title> </head> <body> <table> <tr> <th>UserName</th> <

我想在下面的标签字段中显示选中单选按钮的特定行的用户名和密码，我还想将它们存储在变量中。那么我如何才能做到这一点呢

<!DOCTYPE html>
<html>
<head>
    <title>TESTING</title>
</head>
<body>
<table>
    <tr>
        <th>UserName</th>
        <th>Password</th>
        <th>Select</th>
    </tr>
    <tr>
        <td>Ram</td>
        <td>password1</td>
        <td><input type="radio" name="radioButton1"></td>
    </tr>
    <tr>
        <td>Shyam</td>
        <td>password1</td>
        <td><input type="radio" name="radioButton2"></td>
    </tr>
</table>
<br>
<br>
<label>The username is: </label>
<br>
<label>The password is: </label>
</body>
</html>


测试
用户名
暗语
选择
内存
密码1
希亚姆
密码1




用户名为：


密码为：

您是初学者，让我们试试这个jquery代码

$('input[name=radioButton]').on('change', function () {
      if ($(this).val() == 'FirstUser') {
            $('.user').text($(this).closest('tr').find('td:eq(0)').text());
            $('.pass').text($(this).closest('tr').find('td:eq(1)').text());
    } else  {
            $('.user').text($(this).closest('tr').find('td:eq(0)').text());
            $('.pass').text($(this).closest('tr').find('td:eq(1)').text());
    }
});

此处链接

到目前为止你试过什么？请在问题中添加任何代码。Stackoverflow不是免费的代码编写服务或“如何”教程服务。这取决于你自己展示自己解决问题的努力，当代码无法按预期工作时，人们会帮助你修复代码。你能建议尝试什么吗？？我是前端的noob。“Stack Overflow是一个面向专业和热心程序员的问答网站。”（来自）——如果你既不是热心程序员，也不是专业程序员，那么这个网站可能不适合你。如果你是一个狂热者，我很抱歉，但是我们希望你能做出努力，不管你有多新。使用

change

事件

获取所选行，即tr
，然后使用tr
获取所需td
的text
。多亏了我一直在尝试onclick和onchange函数，但都被卡住了。这就像一个魅力