2012-05-11 7 views
5

¿Es posible agregar un cuadro de texto dentro de una lista de casillas de verificación?¿Cómo agregar un cuadro de texto dentro de checkboxlist en C#?

Aquí está el problema. Tengo una lista de casilla de verificación en la que necesito insertar y mostrar un cuadro de texto si se hace clic en cierta casilla de verificación. Decir que tengo una lista artículo Un artículo B artículo C artículo D

ahora si verificación de usuario del artículo B a continuación, un cuadro de texto debe aparecer entre este punto B y el punto C Cualquier posibilidad de hacer esto usando C# o Jquery ?

Gautam

+1

Entonces, ¿está utilizando Webforms o MVC? – ivowiblo

+0

Si se trata de un formulario que debe enviarse al servidor, la solución más simple es la siguiente: incluir el cuadro de texto en la vista, ocultarlo (manualmente mediante CSS, o usar 'hide' de jQuery en' document.ready'), luego use jQuery para conectarlo al evento 'change' de la casilla de verificación ('$ (" # YourCheckbox "). change (function() ...)') y si está 'checked' ('$ (" # YourCheckbox ") .is (": checked") '), muestra el cuadro de texto. (Eso es para MVC) –

+0

No estoy usando MVC .. Es un sitio web. Es simple ASP.net utilizando JQuery. – Gautam

Respuesta

5

Puede utilizar jQuery para lograr que:

Aquí está el código 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" /> 

Aquí está la 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

Muchas gracias por las respuestas. Pero en mi caso los valores para la lista de casilla de verificación provienen de DB y, por lo tanto, no sé exactamente dónde tendré que poner el Textbox ... De todos modos, lo estoy haciendo al revés ahora ... para los valores donde necesito casillas con textbox Estoy poniendo esos al final y luego habilitando la desactivación de aquellos que usan JS. – Gautam

+0

Respuesta tardía, pero para cualquier otra persona que busque: puede mover el cuadro de texto para seguir inmediatamente la casilla de verificación con el método de jQuery's after(). $ ("input # test"). After ($ ("input # txtbox")) – Armando

Cuestiones relacionadas