On selecting checkbox i need to get values from input and insert values in input field

Question

I'm trying to get values form fields on checking the check box, basically what i'm trying to do is when ever user clicks the check box it should take data from input fields and copies that to the next fields.
here is my code:

jQuery(document).ready(function(){

jQuery('#check_1').change(function() {
        if(jQuery(this).is(":checked")) {
          
var address    = jQuery('#address').attr('value');
var address_2  = jQuery('#address2').attr('value');

alert('Copy selection');
alert(address);
alert(address_2);

$('#cpy_1').val(address);
$('#cpy_2').val(address_2);

 
}
});

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' name='address' id="address"/>
<input type='text' name='address2' id='address2' />

<br>
<br>
<hr>
<br>
<h4>Data copied</h4>

<input type='checkbox' name='check_1' id="check_1"/>Copy above fields
<input type='text' name='cpy_1' id='1cpy_1'/>

<input type='text' name='cpy_2' id='cpy_2'/>

but i'm getting undefined by getting input text's value. Please tell me what's wrong there ?

Ehsan · Accepted Answer · 2016-09-29 23:44:10Z

1

Change like this :

$(document).ready(function() {
    
    $('#check_1').change(function() {
        
        if($(this).is(":checked")) {
            
            var address    = jQuery('#address').val();
            var address_2  = jQuery('#address2').val();
            
            $("#1cpy_1").val(address);
            $("#cpy_2").val(address_2);

        }
        
    })
    
})

  <input type='text' name='address' id="address"/>
<input type='text' name='address2' id='address2' />

<br>
<br>
<hr>
<br>
<h4>Data copied</h4>

<input type='checkbox' name='check_1' id="check_1"/>Copy above fields
<input type='text' name='cpy_1' id='1cpy_1'/>

<input type='text' name='cpy_2' id='cpy_2'/>
        
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

edited Sep 29, 2016 at 23:44

answered Sep 29, 2016 at 23:37

Ehsan

13k3 gold badges27 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Habib Rehman Over a year ago

and how do we assign these values to some other fields ?

Habib Rehman Over a year ago

yea sure but there are restrictions of marking it before 5 minutes

DenysM · Accepted Answer · 2016-09-29 23:48:39Z

1

Try this:

var address    = jQuery('#address').val();
var address_2  = jQuery('#address2').val();

but i'm getting undefined by getting input text's value

It's because your inputs doesn't have attributes value:

<input type='text' name='address' id="address"/>
<input type='text' name='address2' id='address2' />

You have type, name and id without value.

edited Sep 29, 2016 at 23:48

answered Sep 29, 2016 at 23:35

DenysM

3891 gold badge3 silver badges13 bronze badges

3 Comments

Habib Rehman Over a year ago

and how do we assign these values to some other fields ?

DenysM Over a year ago

Example. Set the value of the <input> field (link ): $("button").click(function(){ $("input:text").val("Glenn Quagmire"); });

Habib Rehman Over a year ago

okay i got it: jQuery('#cpy_1').val(address); jQuery('#cpy_2').val(address_2);

Collectives™ on Stack Overflow

On selecting checkbox i need to get values from input and insert values in input field

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related