Javascript 如何检索和分配文本框值?

Javascript 如何检索和分配文本框值?,javascript,Javascript,我需要在选中复选框后自动填写账单部分 如果未选中,则账单信息应为空。到目前为止,我的代码不起作用 <form> <fieldset> <legend> Shipping Information</legend> <label for ="shippingName">Name:</label> <input type = "text" name = "shipNa

我需要在选中复选框后自动填写账单部分

如果未选中,则账单信息应为空。到目前为止,我的代码不起作用


<form>
    <fieldset>
        <legend> Shipping Information</legend>
        <label for ="shippingName">Name:</label>
        <input type = "text" name = "shipName" id = "shippingName"
        required><br/>

        <label for ="shiipingZip">Zip code:</label>
        <input type = "text" name = "shipZip" id = "shiippingZip" pattern = "[0-9]{5}" required><br/>
      </fieldset>

        <input type = "checkbox" id = "same" name = "same" onchange="billingFunction()"/>
        <label for = "same">Is the Billing Information the Same?</label>

        <fieldset> 
          <legend>Billing Information</legend>
          <label for ="billingName">Name:</label>
          <input type = "text" name = "billName" id = "billingName" required><br/>
          <label for = "billingZip">Zip code:</label>
          <input type = "text" name = "billZip" id = "billingZip" pattern = "[0-9]{5}" required><br/>
        </fieldset>
          <input type = "submit" value = "Verify"/>
</form>

```HTML CODE```

```JavaScript Code```

function billingFunction(){
  if (document.getElementById('same').checked){
    var shipName1 = document.getElementById('shippingName').shipName; 
    var shipZip1 = document.getElementById('shippingZip').shipZip;
    document.getElementById('billingName').billName = shipName1;
    document.getElementById('billingZip').billZip = shipZip1;
  }
  else{
    document.getElementById('billingName').billName = "";
    document.getElementById('billingZip').billZip = "";
      }
}

```JavaScript Code```

装运信息
姓名:

邮政编码:
账单信息是否相同? 计费信息 姓名:
邮政编码:
```HTML代码``` ```JavaScript代码``` 函数billingFunction(){ if(document.getElementById('same')。选中){ var shipName1=document.getElementById('shippingName').shipName; var shipZip1=document.getElementById('shippingZip').shipZip; document.getElementById('billingName')。billName=shipName1; document.getElementById('billingZip')。billZip=shipZip1; } 否则{ document.getElementById('billingName')。billName=“”; document.getElementById('billingZip')。billZip=“”; } } ```JavaScript代码```
您使用错误的语法获取值,更改

var shipName1 = document.getElementById('shippingName').shippingName; 

function billingFunction(){
if(document.getElementById('same')。选中){
var shipName1=document.getElementById('shippingName')。值;
var shipZip1=document.getElementById('shiippingZip').value;
document.getElementById('billingName')。值=shipName1;
document.getElementById('billingZip')。value=shipZip1;
}
否则{
document.getElementById('billingName')。value=“”;
document.getElementById('billingZip')。value=“”;
}
}

装运信息
姓名:

邮政编码:
账单信息是否相同? 计费信息 姓名:
邮政编码:

使用d
ocument.GetElementById().value
还有一个类型@
shiipingZip

function billingFunction(){
if(document.getElementById('same')。选中){
var shipName1=document.getElementById('shippingName')。值;
var shipZip1=document.getElementById('shippingZip').value;
document.getElementById('billingName')。值=shipName1;
document.getElementById('billingZip')。value=shipZip1;
}
否则{
document.getElementById('billingName')。value=“”;
document.getElementById('billingZip')。value=“”;
}
}

装运信息
姓名:

邮政编码:
账单信息是否相同? 计费信息 姓名:
邮政编码:
var shipName1 = document.getElementById('shippingName').value;