如果相同，请将帐单地址复制到送货地址

Question

我们有帐单地址部分和送货地址部分。

在送货地址部分，我们有一个复选框，如果送货地址与帐单地址相同，我们会要求用户选中该复选框。

如果相同并且选中该框，则应将帐单地址信息复制到送货地址框。

我在这个论坛上尝试了几个例子。他们不适合我。

我自己的版本不适合我。

有什么想法吗？

<script type="text/javascript"> 
   $("#same_as_billingaddr").on("change", function(){ 
     if (this.checked) { 
       $("[name='txtfullname']").val($("[name='txtfname']").val()); 
       $("[name='txtaddress']").val($("[name='txtfaddress']").val()); 
       $("[name='txtcity']").val($("[name='txtfcity']").val()); 
       $("[name='ddlfillstates']").val($("[name='ddlstates']").val()); 
       $("[name='txtzip']").val($("[name='txtfzip']").val()); 
     } 
   }); 
 </script> 


         <tr>
           <td style="border-collapse: collapse;border: 1px solid black;"><div class="auto-style7"><label<asp:CheckBox ID="same_as_taxpayeraddr" runat="server" />Check box if shipping address is same as billing</label><br />
            OTHERWISE, PLEASE CORRECT IN SPACE PROVIDED BELOW</div></td>
        </tr>

Answer 1

如果这是 ASP.NET Web 窗体，您需要在客户端访问控件的 ID 为 <%= same_as_billingaddr.ClientID %>。

<asp:CheckBox runat="server" ID="same_as_billingaddr" />
<asp:TextBox runat="server" ID="txtfname" />
<asp:TextBox runat="server" ID="txtfullname" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">

    $("#<%= same_as_billingaddr.ClientID %>").on("change", function () {
        if (this.checked) {
            $("#<%= txtfullname.ClientID %>").val($("#<%= txtfname.ClientID %>").val());
        }
    });
</script>