Question

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

＆＃13;

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

＆＃13;

.leasecond{
	display: none;
	}

＆＃13;

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

＆＃13;

Answer 1

我不完全确定这是否是您正在寻找的。我添加的行将把来自可见div的内容放在textarea中。我不确定的是，如果每次选择不同的输入，div的内容应该添加到textarea，或者div内容应该替换textarea内容。

＆＃13;

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

＆＃13;

.leasecond{
	display: none;
	}

＆＃13;

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

＆＃13;

从单选按钮和div到textarea javascript的数据

1 个答案: