請求先住所を出荷時にコピーする場合

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フォームである場合は、クライアント側で<%= same_as_billingaddr.ClientID %>としてコントロールのIDにアクセスする必要があります。

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