Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/273.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 将值从一个字段传递到另一个字段_Javascript_Php_Html - Fatal编程技术网

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;
    }