将输入从文本框复制到另一个[关闭]

Posted 2023-03-05

【中文标题】将输入从文本框复制到另一个[关闭]

【英文标题】：copying an input from a text box to another [closed]

【发布时间】：2017-07-17 23:59:55

【问题描述】：

我正在做一个注册表单，我想添加一个选项，在检查时将输入从文本框复制到另一个我正在使用一些验证

<td>
    <label for="address" style="text-align: left;">Permanent Address:<sup style="color: red;">*</sup> </label>
</td>
<td>
    <textarea cols="20" id="paddress" name="address1" rows="4"></textarea><i id="pointadrs" style="color: red;"></i>   
</td>
<p>
    <input type="checkbox" name="checkbox" id="checkbox" class="checkbox">use same as my permenant address
</p>
<tr>
    <td><label for="address" style="text-align: left;">Current Address:<sup style="color: red;">*</sup> </label></td>
    <td><textarea cols="20" id="caddress" name="address2" rows="4"></textarea><i id="pointadrs2" style="color: red;"></i> </td>
</tr>

我有验证部分

x = document.getElementById("paddress");
 if (x.value == null || x.value == "") 
    alert("Please enter the permenant Address.");
    x.value = "";
    x.focus();
    return false;
  else if (x.value.length < 20) 
    alert("Address should be greater than 20 characters.");
    x.value = "";
    x.focus();
    return false;
 
 x = document.getElementById("caddress");
 if (x.value == null || x.value == "") 
    alert("Please enter the current Address.");
    x.value = "";
    x.focus();
    return false;
  else if (x.value.length < 20) 
    alert("Address should be greater than 20 characters.");
    x.value = "";
    x.focus();
    return false;
 

【问题讨论】：

您的代码与您的问题无关。你想在哪里复制？

这是一个问答网站，不是免费的代码编写服务。问题是什么？见How to Ask

jsfiddle.net/rominux/5yj0nyco/2

【参考方案1】：

    $(document).ready(function()
        $('#checkbox').click(function()
           if($(this).is(':checked'))
               $('textarea#caddress').val($('textarea#paddress').val());
           else
               $('textarea#caddress').val('');
           

        );

    );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td><label for="address" style="text-align: left;">Permanent Address:<sup style="color: red;">*</sup> </label></td>
  <td><textarea cols="20" id="paddress" name="address1" rows="4"></textarea><i id="pointadrs" style="color: red;"></i>   
  </td>
  <p><input type="checkbox" name="checkbox" id="checkbox" class="checkbox">use same as my permenant address </p>
     <tr>
  <td><label for="address" style="text-align: left;">Current Address:<sup style="color: red;">*</sup> </label></td>
  <td><textarea cols="20" id="caddress" name="address2" rows="4"></textarea><i id="pointadrs2" style="color: red;"></i>   
  </td>

【讨论】：

只是一个 jQuery 转换。仅此而已？