2012-05-11 102 views
5

Czy istnieje możliwość dodania pola tekstowego na liście pól wyboru?Jak dodać pole tekstowe wewnątrz listy wyboru w C#?

Oto problem. Mam listę checkbox, w której muszę wstawić i pokazać pole tekstowe, jeśli pewne pole wyboru jest kliknięte. Powiedzmy mam listę pozycja A Pozycja B Pozycja C pozycja D

teraz jeśli check użytkownik Pozycja B wtedy powinien pojawić się pole tekstowe pomiędzy pozycja B oraz pkt C. Wszelkie możliwość robi to przy użyciu C# lub Jquery ?

Gautam

+1

Czy używasz Webforms lub MVC? – ivowiblo

+0

Jeśli jest to formularz, który musi być wysłany z powrotem do serwera, najprostsze rozwiązanie jest następujące: dołącz pole tekstowe w widoku, ukryj je (ręcznie przez CSS lub użyj 'hide' na' document.ready' jQuery), następnie użyj jQuery, aby połączyć się ze zdarzeniem 'change' tego pola wyboru ('$ (" # YourCheckbox "). change (function() ...)') i jeśli jest 'checked' ('$ (" # YourCheckbox ")) .is (": checked") '), pokaż pole tekstowe. (To dla MVC) –

+0

Nie używam MVC .. Jest to strona internetowa. Zwykły ASP.net z wykorzystaniem JQuery. – Gautam

Odpowiedz

5

można użyć jQuery do osiągnięcia tego celu:

Oto kod HTML:

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" /> 

Oto 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

Wielkie dzięki za odpowiedzi. Ale w moim przypadku wartości listy checkbox pochodzą z DB, a więc nie wiem dokładnie, gdzie będę musiał wstawić Textbox. Tak czy inaczej, robię to na odwrót ... dla wartości, w których potrzebuję checkboxów z textbox umieszczam je na końcu, a następnie włączam wyłączanie tych używając JS. – Gautam

+0

Bardzo spóźniona odpowiedź, ale dla każdego, kto szuka: Możesz przenieść pole tekstowe, aby natychmiast wykonać checkbox za pomocą metody after() jQuery. $ ("input # test"). After ($ ("input # txtbox")) – Armando

Powiązane problemy