2012-05-11 49 views
5

Có thể thêm một hộp văn bản trong danh sách hộp kiểm không?Làm thế nào để thêm một hộp văn bản bên trong hộp kiểm trong C#?

Đây là vấn đề. Tôi đang có danh sách hộp kiểm mà tôi cần chèn và hiển thị hộp văn bản nếu hộp kiểm nhất định được nhấp. Nói rằng tôi có một danh sách Mục A mục B mục C mục D

bây giờ nếu người dùng kiểm tra mục B sau đó một hộp văn bản sẽ xuất hiện giữa mục B và Khoản C. Bất kỳ khả năng làm điều này bằng C# hoặc Jquery ?

Gautam

+1

Vì vậy, bạn có đang sử dụng Biểu mẫu web hoặc MVC không? – ivowiblo

+0

Nếu đó là một biểu mẫu cần được đăng lại máy chủ, giải pháp đơn giản nhất như sau: bao gồm hộp văn bản trong chế độ xem, ẩn nó (theo cách thủ công bằng CSS hoặc sử dụng 'ẩn' trên' document.ready') của jQuery, sau đó sử dụng jQuery để kết nối với sự kiện 'thay đổi' của hộp kiểm ('$ (" # YourCheckbox "). change (function() ...)') và nếu nó 'checked' ('$ (" # YourCheckbox ") .is (": checked") '), hiển thị hộp văn bản. (Đó là cho MVC) –

+0

Tôi không sử dụng MVC .. Một trang web của nó. ASP.net đơn giản của nó bằng cách sử dụng JQuery. – Gautam

Trả lời

5

Bạn có thể sử dụng JQuery để đạt được điều đó:

Dưới đây là đoạn code 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" /> 

Đây là 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

Cảm ơn rất nhiều vì đã trả lời. Nhưng trong trường hợp của tôi các giá trị cho danh sách hộp kiểm đến từ DB và do đó tôi không biết chính xác nơi tôi sẽ phải đặt Textbox .. Tuy nhiên, tôi đang làm nó theo cách khác xung quanh bây giờ .. cho các giá trị mà tôi cần hộp kiểm với textbox Tôi đặt những thứ ở cuối và sau đó cho phép vô hiệu hóa những người sử dụng JS. – Gautam

+0

Trả lời rất muộn nhưng đối với bất kỳ ai khác đang tìm kiếm: Bạn có thể di chuyển hộp văn bản để theo dõi ngay hộp kiểm với phương thức after() của jQuery. $ ("đầu vào # kiểm tra"). Sau ($ ("đầu vào # txtbox")) – Armando

Các vấn đề liên quan