2016-09-29 75 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

示例。設置字段的值([link](http://www.w3schools.com/jquery/html_val.asp)): $(「button」)。click(function(){ $(「input :text「)。val(」Glenn Quagmire「); }); – DenysM

+0

好吧,我明白了: jQuery('#cpy_1')。val(address); jQuery('#cpy_2')。val(address_2); –

相關問題