2016-09-29 117 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); –