Question

あるテキストフィールドの値9112232453を別のフィールドに渡したいとします。

私はこのためにJavascriptを必要と知っているが、私はどのように行うのか分かりません。

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

HTMLはその後、私はPHPで値を使用します。

Answer 1

JSを使用できます。前のフォームの使用の検証を提出し、フィールド値が充満されているかどうかを確認し

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

Answer 2

：ようPARAM (this.value)を取るための機能。はいの場合はフィールドの値を取得します。

if(document.getElementBy("fieldIdfirst").value!="") 
{ 
    document.getElementBy("fieldIdSecond").value=document.getElementElementById("fieldIdfirst"); 
} 

おかげでそれを...

Answer 3

はこれを試してみてください：http://jsfiddle.net/yhuxy4e1/

HTML：

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

はJavaScript：

some_func = function() { 
    var checkBox = document.getElementById('chk_phone'); 
    var textBox = document.getElementById('txt_phone'); 
    textBox.value = checkBox.value; 
} 

Answer 4

最良の方法はto not obtrude the HTML code with Javascript event handlersです。

だから、あなたはドキュメントにDOMContentLoadedイベントリスナーを追加することができ、そして、すぐにDOMがロードされているとおり

1.1：

1. をあなたがinput[type=checkbox]にchangeイベントリスナーを追加し、 。チェックボックスがcheckedの場合は、の値を

   1.2に変更します。そうでなければ、input#phoneの値を空にします。

document.addEventListener('DOMContentLoaded', function() { 
 
    document.getElementById('cbphone').addEventListener('change', function(e) { 
 
    var phone = document.getElementById('phone'); 
 
    if (this.checked) { 
 
     phone.value = this.value; 
 
     // you can even enable/disable the input#phone field, if you want to, e.g: 
 
     // phone.disabled = false; 
 
    } 
 
    else { 
 
     phone.value = ''; 
 
     // phone.disabled = true; 
 
    } 
 
    }); 
 
});

<form method="post" action=""> 
 
    <input type="checkbox" name="cbphone" id="cbphone" value="9112232453"> 
 
    <input type="text" name="phone" id="phone"> 
 
    <input type="submit" name="Go" value="Go"> 
 
</form>