Données de bouton radio et div à textarea javascript

Question

J'ai un formulaire avec des boutons radio, selon lequel des boutons est sélectionné - un texte dans div est montré ci-dessous le formulaire. Maintenant, ce que je veux est de prendre l'information de la div (dépend de quelle radio est sélectionnée) et le mettre automatiquement dans textboxarea. Merci de m'aider!

$(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

Je ne suis pas tout à fait sûr que ce soit ce que vous cherchez. La ligne que j'ai ajoutée placera le contenu de la div visible à l'intérieur de la zone de texte. Ce dont je ne suis pas sûr, c'est si chaque fois que vous sélectionnez une entrée différente, le contenu de la div doit être ajouté à la zone de texte, ou si le contenu div doit remplacer le contenu de la zone de texte.

$(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>