एक फ़ील्ड से दूसरे फ़ील्ड में

Question

पास करने के लिए मैं एक टेक्स्टफील्ड के मूल्य 9112232453 को पास करना चाहता हूं।

मुझे पता है कि मुझे इसके लिए जावास्क्रिप्ट चाहिए लेकिन मुझे नहीं पता कि यह कैसे करना है।

एचटीएमएल

<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 में मान का उपयोग करना चाहते हैं।

Answer 1

आप एक जेएस का उपयोग कर सकते हैं। समारोह परम (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> 

Answer 2

से पहले प्रपत्र उपयोग सत्यापन सबमिट करें और जाँच फ़ील्ड मान भरा है या नहीं। यदि हां क्षेत्र का मूल्य मिलता है।

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> 

जावास्क्रिप्ट:

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 घटना श्रोता जोड़ सकते हैं, और जैसे ही डोम भरी हुई है:

1. आप input[type=checkbox] करने के लिए एक change घटना श्रोता जोड़ने के लिए, और उसके बाद:

   1.1 । यदि चेकबॉक्स checked है, तो आप input#phone के value को अपने मान

   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>