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=“”;
}
}
装运信息
姓名:
邮政编码:
账单信息是否相同?
计费信息
姓名:
邮政编码:
使用document.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;