Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript onchange函数和复选框状态自动填充/清除HTML表单字段_Javascript_Dom Events - Fatal编程技术网

使用JavaScript onchange函数和复选框状态自动填充/清除HTML表单字段

使用JavaScript onchange函数和复选框状态自动填充/清除HTML表单字段,javascript,dom-events,Javascript,Dom Events,我需要添加在这个表单上启用自动填充所需的JavaScript代码。无论何时选中该复选框,代码都应自动将Shipping Name和Shipping Zip中的值复制到Billing Name和Billing Zip中。如果复选框未选中,则账单名称和账单邮政编码应为空。 以下是HTML代码: 姓名: 邮政编码: 账单信息是否相同? 姓名: 邮政编码: 以下是我的JavaScript: function billingFunction() { if (document.getElem

我需要添加在这个表单上启用自动填充所需的JavaScript代码。无论何时选中该复选框,代码都应自动将Shipping Name和Shipping Zip中的值复制到Billing Name和Billing Zip中。如果复选框未选中,则账单名称和账单邮政编码应为空。 以下是HTML代码:


姓名:

邮政编码:
账单信息是否相同? 姓名:
邮政编码:
以下是我的JavaScript:

function billingFunction() {
  if (document.getElementById("same").checked) {
    document.getElementById("billingName").value = document.getElementById("shippingName").value;
    document.getElementById("billingZip").value = document.getElementById("shippingZip").value;

  }
 else {
    document.getElementById("billingName").value = "";
    document.getElementById("billingZip").value = "";
  }
}
任何其他想法/如jQuery,将不胜感激


<script>
 $('#change_password').click(function(){
 if($(this).prop("checked") == true){
    alert("checked");
  }
else if($(this).prop("checked") == false){
    alert("Checkbox is unchecked.");
  }
  });
</script>
$(“#更改_密码”)。单击(函数(){ if($(this).prop(“选中”)==true){ 警报(“已检查”); } else if($(this).prop(“选中”)==false){ 警报(“复选框未选中”); } });
试试这种方法。这是我项目中的代码。

function billingFunction(){
if(document.getElementById(“相同”).checked){
document.getElementById(“billingName”).value=document.getElementById(“shippingName”).value;
document.getElementById(“billingZip”).value=document.getElementById(“shippingZip”).value;
}
否则{
document.getElementById(“billingName”).value=“”;
document.getElementById(“billingZip”).value=“”;
}
}
输入{
边框:1px纯黑;
}
输入:焦点{
背景色:#e6;
}
字段集{
利润底部:4%;
}

运输|账单数据
JavaScript作业
添加在此表单上启用自动完成所需的JavaScript代码。无论何时选中该复选框,代码都应自动将Shipping Name和Shipping Zip中的值复制到Billing Name和Billing Zip中。如果复选框未选中,
账单名称和账单邮政编码应为空

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

/*以下是完整的Javascript函数。在编码中使用它

function billingFunction() {
    if (document.getElementById('same').checked) {
        var shippingName = document.getElementById('shippingName').value;
        var shippingZip = document.getElementById('shippingZip').value;

        document.getElementById('billingName').value = shippingName;
        document.getElementById('billingZip').value = shippingZip;

    } else {
        document.getElementById('billingName').value = "";
        document.getElementById('billingZip').value = "";
    }
}