2017-07-14 64 views
0

我們有帳單地址部分和送貨地址部分。如果帳單地址相同,請將帳單地址複製到

在收貨地址部分,我們有一個複選框,要求用戶在收貨地址與帳單地址相同的情況下選中該複選框。

如果相同,並且該框被選中,帳單地址信息應該被複制到送貨地址框中。

我已經在這個論壇上嘗試了幾個例子。他們沒有爲我工作。

我自己的版本不適合我。

任何想法有什麼不對?

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

回答

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

這很奇怪。您的解決方案對我來說非常有意義。然而,它不起作用。沒有錯誤但沒有任何反應,當我檢查/取消選中該框。 – Kenny

+0

確保你在這些腳本之前有jQuery。我更新了我的答案。如果仍然無效,請創建一個沒有母版頁的全新頁面並嘗試。 – Win

+0

非常感謝您的專業知識。它現在工作很好。 由於複製粘貼,我在每個字段上留下字符。 – Kenny

相關問題