0

在我的 MVC 项目中,当客户创建帐户时,他们会提示输入发票地址和送货地址。

我想要发票地址下方的复选框,它将使用相同的发票地址详细信息更新送货地址,而不必输入两次相同的地址。

不知道怎么做,任何帮助将不胜感激)复选框的一个例子是

<div class="checkbox">@Html.CheckBoxFor(m => signup.SameAddress)</div>
<div class="label">@Html.LabelFor(m => signup.SameAddress, T(Use same address as billing"))</div>

到目前为止,我的代码看起来像这样(如下)。ATM 他们必须两次输入相同的详细信息。

<article class="addresses form">
<fieldset>
    <div class="span5">
    <h2>@T("Invoice Address")</h2>

    <table class="table-bordered table-striped table">
        <colgroup>
            <col id="Col1" />
            <col id="Col2" />
        </colgroup>
        <thead>
            <tr>
                <th scope="col">@T("Name")</th>
                <td>@invoiceAddress.Name.Value</td>
            </tr>
            <tr>
                <th scope="col">@T("AddressLine1")</th>
                <td>@invoiceAddress.AddressLine1.Value<</td>
            </tr>              
        </thead>
    </table>
    </div>

    //insert checkbox here

    <div class="span5">
    <h2>@T("Billing Address")</h2>
    <table class="table-bordered table-striped table">
        <colgroup>
            <col id="Col1" />
            <col id="Col2" />
        </colgroup>
        <thead>
            <tr>
                <th scope="col">@T("Name")</th>
                <td>@shippingAddress.Name.Value</td>
            </tr>
            <tr>
                <th scope="col">@T("AddressLine1")</th>
                <td>@shippingAddress.AddressLine1.Value<</td>
            </tr>               
        </thead>

    </table>
    </div>
</fieldset>
</article>

我想使用 JQuery 或 JS 自动将送货地址更新为发票给定的相同地址。

感谢您的任何回复...

4

1 回答 1

1

您将需要一些东西来识别您的列,我在这里使用了带有可以选择的 ID 的输入标签。

<input type="checkbox" id="test3"/>
<label for="test1">Invoice address</label><input id="test1" type="text"/>
<label for="test2">Shipping address</label><input id="test2" type="text"/>


$("#test1").on("change", function () {
    if ($("#test3").is(":checked"))
        $("#test2").val($(this).val()) ;
});
于 2013-06-24T13:12:42.440 回答