2012-05-11 31 views
5

Bir onay kutusu listesinin içine bir metin kutusu eklemek mümkün mü?C# içindeki onay kutusu listesinde nasıl bir metin kutusu eklenir?

İşte sorun. Belirli bir onay kutusu tıklandığında bir metin kutusu eklemem ve göstermem gereken bir onay kutusu listesi yaşıyorum. Ben listemizi Öğe A B öğesi Ürün C Kalem D olduğunu varsayalım

Kullanıcının onay B öğesi sonra bir metin kutusu Öğe B ve Öğe C. bu kullanarak C# veya jQuery yapıyor çekmemiz mümkün arasına görünmelidir şimdi ise ?

Gautam

Bunu başarmak için JQuery kullanabilirsiniz
+1

Webforms veya MVC kullanıyor musunuz? – ivowiblo

+0

Sunucuya geri gönderilmesi gereken bir formsa, en basit çözüm şu şekildedir: görünümdeki metin kutusunu dahil edin, gizleyin (CSS ile el ile veya jQuery'nin 'hide 'belgesini' hide' olarak kullanın), daha sonra jQuery kullanarak onay kutusunu ('$ ("# YourCheckbox") değiştirirsiniz (change (function() ...) ') ve eğer kontrol edilirse (' $ ("# YourCheckbox")) .is (": checked") '), metin kutusunu gösterin. (Bu MVC için) –

+0

MVC kullanmıyorum .. Onun bir web sitesi. JQuery kullanarak sade ASP.net. – Gautam

cevap

5

:

İşte HTML kod: Burada

a<input type="checkbox" name="newsletter" value="Daily" /> 
b<input type="checkbox" name="newsletter" value="Weekly" /> 
c<input id="test" type="checkbox" name="newsletter" value="Monthly" /> 
<input id="txtbox" type="text"> 
d<input type="checkbox" name="newsletter" value="Yearly" /> 

var JQuery:

$(document).ready(initialize); 

    function initialize() { 
     $("input#txtbox").hide(); 
     $(":checkbox").click(countChecked);  
    } 


    function countChecked() { 
     if ($("input#test").is(':checked')) { 
      $("input#txtbox").show();     
     } 
     else { 
      $("input#txtbox").hide(); 
     } 
    } 

Here's a demo

Here's the source of information

+0

Cevaplar için çok teşekkürler. Ama benim durumumda, onay kutusu listesi için değerler DB'den geliyor ve bu yüzden tam olarak nerede Textbox koymak zorunda kalacağımı bilmiyorum. Her neyse, şu anda başka bir şekilde yapıyorum .. ile onay kutularına ihtiyacım olan değerler için textbox Bunları sonlandırıyorum ve daha sonra JS kullananların devre dışı bırakılmasını sağlıyorum. – Gautam

+0

Çok geç yanıt, ancak arayan herkes için: jQuery's after() yöntemiyle onay kutusunu hemen takip etmek için metin kutusunu taşıyabilirsiniz. $ ("input # test"). Sonra ($ ("input # txtbox")) – Armando