从单选按钮和 div 到文本区域 javascript 的数据

Question

我有一个带有单选按钮的表单，具体取决于选择了哪个按钮 - div 中的文本显示在表单下方。现在我想要的是从 div 中获取信息（取决于选择的是哪个收音机）并将其自动放入文本框区域。谢谢你帮助我！

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

.leasecond{
 display: none;
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
                  <td><div class="radio">
      <label><input type="radio" name="months" value="tbi3"  />3 месеца x </label>
     </div></td>
                  <td><div class="radio">
      <label><input type="radio" name="months" value="uni3"  />3 месеца x </label>
     </div></td>
                </tr>
                <tr>
                  <td><div class="radio">
      <label><input type="radio" name="months" value="tbi6"  />6 месеца x </label>
     </div></td>
                  <td><div class="radio">
      <label><input type="radio" name="months" value="uni6"  />6 месеца x </label>
     </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 中的内容放置在文本区域内。我不确定的是，如果每次 select 不同的输入，div 的内容是否应该添加到文本区域，或者 div 内容是否应该替换文本区域的内容。

$(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{
 display: none;
 }

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

从单选按钮和 div 到文本区域 javascript 的数据

Data from radio button and div to textarea javascript

javascript

textarea

radio-button