2016-09-29 9 views
0

私はチェックボックスをチェックしてフィールドのフォームフィールドを取得しようとしています。入力フィールドからデータを取り出し、それを次のフィールドにコピーする必要があります。
は、ここに私のコードです:チェックボックスを選択すると、私は入力から値を取得し、入力フィールドに値を挿入する必要があります

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

しかし、私は、入力されたテキストの値を取得することにより、未定義取得しています。何が間違っているのか教えてください。

答えて

1

変更:

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

+0

これらの値を他のフィールドにどのように割り当てるのですか? –

+0

@HabibRehman、私はそれを更新します。私の答えを見てください。 – Ehsan

+0

お返事ありがとうございます:) –

1

これを試してみてください:

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

しかし、私はあなたの入力値属性がないので

イッツ入力テキストの値を取得することにより、未定義取得しています

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

あなたはなしタイプ、名前IDを持っています。このような

+0

とどのように我々はいくつかの他のフィールドにこれらの値を代入していますか?例: –

+1

。 $( "button")の値をフィールド([link](http://www.w3schools.com/jquery/html_val.asp))に設定します。 :text ")。val(" Glenn Quagmire "); }); – DenysM

+0

大丈夫です。 jQuery( '#cpy_1')。val(address); jQuery( '#cpy_2')。val(address_2); –

関連する問題