none
Desplegar y ocultar un Textbox al marcar un combobox MVC RRS feed

  • Pregunta

  • Buen dia,

    estoy realizando una modificación sobre un sitio en mi empresa sin embargo soy algo novato y no he logrado realizarlo,

    debe haber un checkbox que al pulsarlo muestre un textbox, al desmarcalo lo debe ocultar, hasta el momento tengo el combobox y el textbox

    Pero no he podido hacer que el combobox despliegue el textbox.

    -------------- Vista ----------------------------

    <div class="pure-control-group"> 
         @Html.LabelFor(x => x.caso.clnte)   
         @Html.CheckBoxFor(x => x.caso.clnte, new { @id="chkb"})         
    </div>    

    y tambien el textbox

    <div class="pure-control-group">
        @Html.LabelFor(x => x.caso.telClntnEspra)
        @Html.TextBoxFor(x => x.caso.telClntnEspra, new { @maxlength = "20" })
        @Html.ValidationMessageFor(x => x.caso.telClntnEspra)
    </div> 


    -------------- modelo ------------------

    [Display(Name = "Cliente a la Espera de Llamada de Supervisor")]
            public virtual bool clnte { get; set; }

    [Display(Name = "Telefono Contacto")]
            [Required(ErrorMessage = "Telefono es requerido!")]
            public virtual string telClntnEspra { get; set; }

    Agradezco la colaboracion.

    sábado, 5 de marzo de 2016 0:13

Respuestas

  • Hola,

    Puedes usar Jquery para validar ese proceso, aquí te muestro un ejemplo.

    $('#chkb').on('change', function(){
      var txt = $('#miTXT');
      $(this).is(':checked') ? txt.slideDown('slow').val("") : txt.slideUp('slow');
    });

    Para que funcione esto deberías agregarle un ID a tu textBox

    @Html.TextBoxFor(x => x.caso.telClntnEspra, new { @maxlength = "20" , id = "miTXT" })

    Y también con CSS , iniciar tu textBox oculto

    #miTXT{
      display: none;
    }

    Y no te olvides de importar la librería Jquery antes de tu script.

    Saludos.


    JC NaupaCrispín

    sábado, 5 de marzo de 2016 2:14