2013-03-21 34 views
0

我正在做一個web應用程序,我正在進入基於orgainization的計劃細節。 對於用戶選擇orgainization第一(from dropdown which is taken from database on pageload),再有就是對輸入程序地址的條文組織address.So我把這樣的如何填寫複選框的文本框檢查使用jQuery改變?

Enter the program address: [checkbox] Same as organization adress 

一個複選框,如果用戶蜱details.The地址可以是相同的複選框,我想填寫與組織地址相同的程序地址詳細信息。

我知道我可以在checkbox checkchanged event上做到這一點。但我不想這樣做,因爲會有回傳,我沒有使用任何更新面板。

有沒有什麼方法可以實現上述使用jquery?在變化

回答

0

這是用jQuery輕而易舉的事。我喜歡在用戶知道修改源之後禁用複製的字段。我爲你提供了一個示例JSFiddle,並在下面有一些示例JQuery。基於您的評論

$(document).ready(function() { 
    $('#idofcheckbox').click(function() { 
     $('#idofothertext').val($('#idoftextbox').val()); 
     $('#idofothertext').attr('disabled', 'disabled'); 
    }); 
}); 

上面,你將需要建立一個Web服務公開此數據庫字段,並通過AJAX jQuery中調用它。 This是一個很好的閱讀建立一個web服務,然後用AJAX消費。然後,您可以擴展上面的代碼,以便在點擊時處理Ajax調用,並且不會回發。

$(document).ready(function() { 
     $('#idofcheckbox').click(function() { 
      $.ajax({ 
       url: "test.html", 
       context: document.body 
      }).done(function (data) { 
       $('#idofothertext').val(data.address); 
      }); 
     }); 
    }); 
+0

感謝您的答覆..在這裏我們必須將'organization id'傳遞給webservice.How can we do that? – Kannan 2013-03-21 05:02:59

+0

您可以使用web服務的url或數據設置中的url參數來完成此操作。查看jquery文檔中的數據:http://api.jquery.com/jQuery.ajax/ – davidbates 2013-03-21 05:12:19

0

使用這樣Demo

<input type="text" id="txt1" /> 
<input type="checkbox" id="chk1" /> 
<input type="text" id="txt2" /> 

jQuery的

$('#chk1').on('change',function(){ 
if(this.checked) 
    $('#txt2').val($('#txt1').val()); 
else 
    $('#txt2').val(''); 
}); 
+0

這裏的問題是組織的名稱和組織的id是兩個字段取自db.Now我會採取組織地址also.But我們如何能夠填充文本框與地址採取從數據庫。希望你瞭解情況.. – Kannan 2013-03-21 04:23:25

相關問題