2014-02-17 2 views
-2

Я хочу указать контактный адрес и постоянный адрес, установив флажок. Для например: если я напечатаю контактный адрес и установите флажок, то тот же адрес должен отображаться в поле постоянного адреса. Как это сделать, используя jquery? Заранее спасибо ..как отобразить контактный адрес как постоянный адрес, установив флажок

+2

Пожалуйста, опубликовать некоторые кода, чтобы помочь нам, помочь вам. – Mysteryos

+1

расскажите нам, что вы пробовали до сих пор? –

ответ

0

Контакт Адрес

<input type="text" id="contact"> 
<input type="checkbox" id="check"> 
Contact Address <input type="text" id="permanent"> 

JQuery является

$('#check').click(function() { 
    var c=$('#contact').val(); 
    $("#permanent").val(c); 
}); 
+0

ее не работает, если я нажимаю текстовое поле он не отражает текст – Kriz

+0

CHK тис http://jsfiddle.net/5udtC/5757/ –

+0

после ввода контактов Адресных установите флажок –

2

Я сделал это с помощью Java Script. Может быть, это полезно для всех.

Проверочный код коробки:

<input type="checkbox" name="present" onclick="permanent(this.form)"> 

код Java Script:

<script language="JavaScript"> 
    function permanent(p) { 
     if(p.present.checked == true) { 
      p.per_add.value = p.temp_address.value; 
      p.per_city.value = p.temp_city.value; 
      p.per_state.value = p.temp_state.value; 
      p.per_country.value = p.temp_country.value; 
      p.per_pin.value = p.temp_pin.value; 
     } 
    } 
</script> 
0
<script language="JavaScript"> 
$(document).ready(function(e) { 
     $('#check').click(function() { 

    var c=$('#contact').val(); 

    $("#permanent").val(c); 
}); 
}); 


</script> 
</head> 

<body> 

<form> 
<input type="text" id="contact"> 
<input type="checkbox" id="check"> 
Contact Address <input type="text" id="permanent"> 
</form> 
+0

can вы добавляете какое-то объяснение, чтобы сделать его хорошим ответом? –

0

function filladd() 
 
{ 
 
\t if(filltoo.checked == true) 
 
    { 
 
      var tal11 =document.getElementById("tal").value; 
 
\t \t \t var dist11 =document.getElementById("dist").value; 
 
\t \t \t var pin11 =document.getElementById("pin").value; 
 
      
 

 
      
 
      var copytal =tal11 ; 
 
      var copydist =dist11 ; 
 
      var copypin =pin11 ; 
 

 
      
 
      document.getElementById("tal1").value = copytal; 
 
      document.getElementById("dist1").value = copydist; 
 
      document.getElementById("pin1").value = copypin; 
 
\t } 
 
\t else if(filltoo.checked == false) 
 
\t { 
 
\t \t document.getElementById("tal1").value=''; 
 
\t \t document.getElementById("dist1").value=''; 
 
\t \t document.getElementById("pin1").value=''; 
 
\t } 
 
}
<label>Tal</label> 
 
<br/> 
 
<input type="Text" id="tal" name="Taluka1" class="" placeholder="" > 
 
<br/> 
 
<label>Distic</label> 
 
<br/> 
 
<input type="Text" id="dist" name="Distric1" placeholder=""> 
 
<br/> 
 
<label>Pincodes</label> 
 
<br/> 
 
<input type="Text" id="pin" name="pincode1" placeholder=""> 
 
<br/> 
 
<input type="checkbox" value="" name="filltoo" id="filltoo" onclick="filladd()" />Permanent Address same as Current Address <br/> 
 
<label>Tal</label> 
 
<br/> 
 
<input type="Text" id="tal1" name="Taluka1" placeholder="" > 
 
<br/> 
 
<label>Distic</label> 
 
<br/> 
 
<input type="Text" id="dist1" name="Distric1" placeholder=""> 
 
<br/> 
 
<label>Pincodes</label> 
 
<br/> 
 
<input type="Text" id="pin1" name="pincode1" placeholder=""> 
 
<br/>

+0

Полезно разработать * почему * этот код будет работать, когда вы опубликуете его в качестве ответа. Таким образом, OP может научиться самому делать это в следующий раз. – Roberrrt

Смежные вопросы