使用JavaScript onchange函数和复选框状态自动填充/清除HTML表单字段
我需要添加在这个表单上启用自动填充所需的JavaScript代码。无论何时选中该复选框,代码都应自动将Shipping Name和Shipping Zip中的值复制到Billing Name和Billing Zip中。如果复选框未选中,则账单名称和账单邮政编码应为空。 以下是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:
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 = "";
}
}