ラジオボタンの選択に記載されているユーザー名とパスワードを表示するにはどうすればよいですか？

-1

ラベルフィールドで、ラジオボタンが選択されている特定の行のユーザー名とパスワードを表示したい場合は、変数を変数に格納したいと思います。だから私はこれをどのように達成できますか？助けてください。前もって感謝します。ラジオボタンの選択に記載されているユーザー名とパスワードを表示するにはどうすればよいですか？

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

出典

2017-12-28 Munal Dhakal

？あなたの質問に[mcve]として任意のコードを追加してください。 – Andy

Stackoverflowは無料コード作成サービスでも、*「how to」*チュートリアルサービスでもありません。あなた自身が問題を解決するための努力を示すことはあなた次第であり、人々は**あなたのコード**が期待どおりに動かないとき**修正するのを手助けします – charlietfl

何を試してみることができますか？まあ、私はフロントエンドの騒音です。 –

あなたは初心者ですので、このjqueryコードを試してみてください。ここでfiddleリンク

$('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()); 
    } 
});

..あなたがこれまでに試してみました何

出典

2017-12-28 12:17:32 Ishu

ありがとう私はonclickとonchange機能を試してきましたが、スタックしてしまいました。これは魅力的なものでした.. –

よろしくお願いします。 – Ishu

ラジオボタンの選択に記載されているユーザー名とパスワードを表示するにはどうすればよいですか？

答えて

関連する問題