Javascript 将值从一个字段传递到另一个字段
我想将一个文本字段的值Javascript 将值从一个字段传递到另一个字段,javascript,php,html,Javascript,Php,Html,我想将一个文本字段的值9112232453传递给另一个文本字段 我知道我需要Javascript,但我不知道怎么做 HTML <form method = "post" action=""> <input type="checkbox" name="phone" value="9112232453" onclick='some_func();' > <input type="text" name="phone" value="" id="phone">
9112232453
传递给另一个文本字段
我知道我需要Javascript,但我不知道怎么做
HTML
<form method = "post" action="">
<input type="checkbox" name="phone" value="9112232453" onclick='some_func();' >
<input type="text" name="phone" value="" id="phone">
<input type="submit" name="Go">
</form>
之后,我想在php中使用该值。您可以使用JS。函数获取参数
(this.value)
如:
<script>
var some_func = function (val){
var input = document.getElementById("phone");
input.value = val;
}
</script>
<form method = "post" action="">
<input type="checkbox" name="phone" value="9112232453" onclick='some_func(this.value);' >
<input type="text" name="phone" value="" id="phone">
<input type="submit" name="Go">
</form>
var some_func=函数(val){
var input=document.getElementById(“电话”);
input.value=val;
}
提交表单之前,请使用验证并检查字段值是否已填写。如果是,则获取该字段的值
if(document.getElementBy("fieldIdfirst").value!="")
{
document.getElementBy("fieldIdSecond").value=document.getElementElementById("fieldIdfirst");
}
谢谢..试试这个:
HTML:
最好的办法是
因此,您可以将DOMContentLoaded
事件侦听器添加到文档中,并在加载DOM后立即:
change
事件侦听器添加到输入[type=checkbox]
,然后:
1.1。如果选中了复选框
,则将输入#电话的值更改为其值
1.2。如果没有,则清空输入#phone
的值
document.addEventListener('DOMContentLoaded',function(){
document.getElementById('cbphone')。addEventListener('change',函数(e){
var phone=document.getElementById('phone');
如果(选中此项){
phone.value=this.value;
//如果需要,您甚至可以启用/禁用输入#电话字段,例如:
//phone.disabled=false;
}
否则{
phone.value='';
//phone.disabled=true;
}
});
});代码>
建议您可能要测试是否先选中此项。。。当单击事件取消选中时,不太可能希望传递值。
<form method = "post" action="">
<input type="checkbox" name="phone" value="9112232453" onclick='some_func();' id="chk_phone">
<input type="text" name="phone" value="" id="txt_phone">
<input type="submit" name="Go">
</form>
some_func = function() {
var checkBox = document.getElementById('chk_phone');
var textBox = document.getElementById('txt_phone');
textBox.value = checkBox.value;
}