ラジオボタンとdivからテキストエリアへのデータjavascript

Question

ボタンのどれが選択されているかによってラジオボタン付きのフォームがあります。divのテキストがフォームの下に表示されています。 私が欲しいのは、（ラジオが選択されているかどうかに依存して）divから情報を取り出し、自動的にtextboxareaに入れることです。助けてくれてありがとう！

$(document).ready(function() { 
 
    $("div.leasecond").hide(); 
 
    $("input[name$='months']").click(function() { 
 
     var test = $(this).val(); 
 
     $("div.leasecond").hide(); 
 
     $("#" + test).show(); 
 
    }); 
 
});

.leasecond{ 
 
\t display: none; 
 
\t }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
<tr> 
 
        <td><div class="radio"> 
 
\t \t \t \t \t \t <label><input type="radio" name="months" value="tbi3" />3 месеца x </label> 
 
\t \t \t \t \t </div></td> 
 
        <td><div class="radio"> 
 
\t \t \t \t \t \t <label><input type="radio" name="months" value="uni3" />3 месеца x </label> 
 
\t \t \t \t \t </div></td> 
 
       </tr> 
 
       <tr> 
 
        <td><div class="radio"> 
 
\t \t \t \t \t \t <label><input type="radio" name="months" value="tbi6" />6 месеца x </label> 
 
\t \t \t \t \t </div></td> 
 
        <td><div class="radio"> 
 
\t \t \t \t \t \t <label><input type="radio" name="months" value="uni6" />6 месеца x </label> 
 
\t \t \t \t \t </div></td> 
 
       </tr> 
 
</table> 
 

 

 
<div id="tbi3" class="leasecond"> 
 
    <input type="text" style="border: none;" readonly />Разсрочено плащане с TBI, вноски 3 
 
</div> 
 
<div id="uni3" class="leasecond"> 
 
    <input type="text" style="border: none;" readonly />Разсрочено плащане с UNI Credit, вноски 3 
 
</div> 
 

 
<div id="tbi6" class="leasecond"> 
 
    <input type="text" style="border: none;" readonly />Разсрочено плащане с TBI, вноски 6 
 
</div> 
 
<div id="uni6" class="leasecond"> 
 
    <input type="text" style="border: none;" readonly />Разсрочено плащане с UNI Credit, вноски 6 x 
 
</div> 
 

 
<textarea rows="8" cols="50"></textarea>

Answer 1

私は、これはあなたが探しているものであれば全くわかりません。私が追加した行は、表示されているdivのコンテンツをテキストエリアの中に置きます。あなたが別の入力を選択するたびに、divの内容をtextareaに追加するか、またはdiv要素の内容をtextareaの内容に置き換えるかどうかがわかりません。

$(document).ready(function() { 
 
    $("div.leasecond").hide(); 
 
    $("input[name$='months']").click(function() { 
 
     var test = $(this).val(); 
 
     $("div.leasecond").hide(); 
 
     $("#" + test).show(); 
 
     // Place the text from the div in the textarea element. 
 
     $("#textresult").text($("#" + test).text()); 
 
    }); 
 
});

.leasecond{ 
 
\t display: none; 
 
\t }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
<tr> 
 
        <td><div class="radio"> 
 
\t \t \t \t \t \t <label><input type="radio" name="months" value="tbi3" />3 месеца x </label> 
 
\t \t \t \t \t </div></td> 
 
        <td><div class="radio"> 
 
\t \t \t \t \t \t <label><input type="radio" name="months" value="uni3" />3 месеца x </label> 
 
\t \t \t \t \t </div></td> 
 
       </tr> 
 
       <tr> 
 
        <td><div class="radio"> 
 
\t \t \t \t \t \t <label><input type="radio" name="months" value="tbi6" />6 месеца x </label> 
 
\t \t \t \t \t </div></td> 
 
        <td><div class="radio"> 
 
\t \t \t \t \t \t <label><input type="radio" name="months" value="uni6" />6 месеца x </label> 
 
\t \t \t \t \t </div></td> 
 
       </tr> 
 
</table> 
 

 

 
<div id="tbi3" class="leasecond"> 
 
    <input type="text" style="border: none;" readonly />Разсрочено плащане с TBI, вноски 3 
 
</div> 
 
<div id="uni3" class="leasecond"> 
 
    <input type="text" style="border: none;" readonly />Разсрочено плащане с UNI Credit, вноски 3 
 
</div> 
 

 
<div id="tbi6" class="leasecond"> 
 
    <input type="text" style="border: none;" readonly />Разсрочено плащане с TBI, вноски 6 
 
</div> 
 
<div id="uni6" class="leasecond"> 
 
    <input type="text" style="border: none;" readonly />Разсрочено плащане с UNI Credit, вноски 6 x 
 
</div> 
 

 
<textarea id="textresult" rows="8" cols="50"></textarea>