用于复选框的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>