用于将计费文本框复制到发货文本框的复选框的 JavaScript

Question

到目前为止，我一直在尝试找到一种好方法，当用户选中复选框表明其帐单信息与送货信息相同时，在文本框中获取帐单信息并将该信息复制到送货信息文本框中.

到目前为止我有这个代码:

    function InputInformation(n) {   
        if(n.checked === false) { return; }
        document.subscribe.billingfname.value = document.subscribe.shippingfname.value;
        document.subscribe.billinglname.value = document.subscribe.shippinglname.value;
        document.subscribe.billingaddress.value = document.subscribe.shippingaddress.value;
        document.subscribe.billingcity.value = document.subscribe.shippingcity.value;
        document.subscribe.billingstate.value = document.subscribe.shippingstate.value;
        document.subscribe.billingzip.value = document.subscribe.shippingzip.value;
        document.subscribe.billingphone.value = document.subscribe.shippingphone.value;
        }
          return InputInformation;

我无法让它工作。我不确定我做错了什么。任何帮助都会很棒!

JavaScript 遵循以下形式:

<form class="wrap" name="subscribe">
            <tr class="left-container">
            <h2>Billing Information:</h2>
            <td>
                <span class="labels">First name: </span>
            <input type="text" name="billingfname">
            </td>
                <br>
                <td>
            <span class="labels"> Last name: </span>
            <input type="text" name="billinglname">
            </td>
                <br>
                <td>
            <span class="labels">Address: </span>
            <input type="text" name="billingaddress" style="width: 200px">
           </td>
                <br>
                <td>
            <span class="labels">City: </span>
            <input type="text" name="billingcity">
            </td>
                <br>
                <td>
            <span class="labels">State: </span>
            <input type="text" name="billingstate">
            </td>
                <br>
                <td>
            <span class="labels">Zip Code: </span>
            <input type="text" name="billingzip" style="width: 80px">
            </td>
                <br>
                <td>
            <span class="labels">Telephone </span>
            <input type="text" name="billingphone" style="width: 80px">
                    </td>
            </tr>
            <tr class="right-container">
            <h2>Shipping Information:</h2>
                <td>
                <input class="shipping" type="checkbox" onclick="InputInformation(this)">Check if Shipping is the same as Billing
                </td>
                <br>
                <td>
            <span class="labels">First name: </span>
            <input type="text" name="shippingfname">
            </td>
                <br>
                <td>
            <span class="labels"> Last name: </span>
            <input type="text" name="shippinglname">
            </td>
                <br>
                <td>
            <span class="labels">Address: </span>
            <input type="text" name="shippingaddress" style="width: 200px">
             </td>
                <br>
                <td>
            <span class="labels">City: </span>
            <input type="text" name="shippingcity">
            </td>
                <br>
                <td>
            <span class="labels">State: </span>
            <input type="text" name="shippingstate">
           </td>
                <br>
                <td>
            <span class="labels">Zip Code: </span>
            <input type="text" name="shippingzip" style="width: 80px">
            </td>
                <br>
                <td>
            <span class="labels">Telephone </span>
            <input type="text" name="shippingphone" style="width: 80px">
                    </td>
            </tr>
</form>

Answer 1

我猜您正在尝试将运费复制到代码片段中的账单中，应该是其他方式。

检查下面的代码片段。

function InputInformation(n) {   
  if(n.checked === false) { alert('sdf');return false; }
  document.subscribe.shippingfname.value = document.subscribe.billingfname.value;
  document.subscribe.shippinglname.value = document.subscribe.billinglname.value;
  document.subscribe.shippingaddress.value = document.subscribe.billingaddress.value;
  document.subscribe.shippingcity.value = document.subscribe.billingcity.value;
  document.subscribe.shippingstate.value = document.subscribe.billingstate.value;
  document.subscribe.shippingzip.value = document.subscribe.billingzip.value;
  document.subscribe.shippingphone.value = document.subscribe.billingphone.value;
}

<form class="wrap" name="subscribe">
  <tr class="left-container">
    <h2>Billing Information:</h2>
    <td>
      <span class="labels">First name: </span>
      <input type="text" name="billingfname">
    </td>
    <br>
    <td>
      <span class="labels"> Last name: </span>
      <input type="text" name="billinglname">
    </td>
    <br>
    <td>
      <span class="labels">Address: </span>
      <input type="text" name="billingaddress" style="width: 200px">
    </td>
    <br>
    <td>
      <span class="labels">City: </span>
      <input type="text" name="billingcity">
    </td>
    <br>
    <td>
      <span class="labels">State: </span>
      <input type="text" name="billingstate">
    </td>
    <br>
    <td>
      <span class="labels">Zip Code: </span>
      <input type="text" name="billingzip" style="width: 80px">
    </td>
    <br>
    <td>
      <span class="labels">Telephone </span>
      <input type="text" name="billingphone" style="width: 80px">
    </td>
  </tr>
  <tr class="right-container">
    <h2>Shipping Information:</h2>
    <td>
      <input class="shipping" type="checkbox" onchange="InputInformation(this)">Check if Shipping is the same as Billing
    </td>
    <br>
    <td>
      <span class="labels">First name: </span>
      <input type="text" name="shippingfname">
    </td>
    <br>
    <td>
      <span class="labels"> Last name: </span>
      <input type="text" name="shippinglname">
    </td>
    <br>
    <td>
      <span class="labels">Address: </span>
      <input type="text" name="shippingaddress" style="width: 200px">
    </td>
    <br>
    <td>
      <span class="labels">City: </span>
      <input type="text" name="shippingcity">
    </td>
    <br>
    <td>
      <span class="labels">State: </span>
      <input type="text" name="shippingstate">
    </td>
    <br>
    <td>
      <span class="labels">Zip Code: </span>
      <input type="text" name="shippingzip" style="width: 80px">
    </td>
    <br>
    <td>
      <span class="labels">Telephone </span>
      <input type="text" name="shippingphone" style="width: 80px">
    </td>
  </tr>
</form>