Me preguntaba ¿cuál es la mejor manera de cambiar el tipo de entrada de texto oculto para cuando una casilla de verificación, botón está activado.

Estoy buscando algo como esto

   <div class="options">
     <input type="checkbox" checked="">
   </div>

    <form>
        <input type="hidden">
    </form>

y, a continuación, uno en la casilla de verificación está marcada

   <div class="options">
     <input type="checkbox" checked="checked">
   </div>

    <form>
        <input type="text">
    </form>
w3schools.com/jquery/jquery_dom_set.asp revisa el «conjunto de atributos»
Por favor, publique un ejemplo del código que he probado, y siempre que sea posible, un ejemplo en jsFiddle.net
no problema! 🙂

OriginalEl autor user2201765 | 2013-03-23

2 Comentarios

  1. 2

    Me hizo de esta manera, para la diversión:

    $(document).ready(function () {
        $("#txt").toggle();
        $("#chk").change(function () {
            $("#txt").toggle();
        });
    });
    
    <input type="checkbox" id="chk" />
    <input type="text" id="txt" />

    Lugar de cambiarlo desde oculta el texto, me acababa de alternar la visibilidad de un único elemento de entrada. Esto de que empiece el curso de la oculta y se hace visible de verificación, invisible, si usted desactiva. Si quieres un comportamiento diferente tendrá algo de menor trabajo por hacer, pero estoy seguro de que eres lo suficientemente inteligente como para manejar.

    Buena Suerte!!

    Gracias Mike, se los agradezco!

    OriginalEl autor Mike C.

  2. 0

    Retirar esta vivo jsfiddle

    HTML:

    <input type="checkbox" class="check1">Show checkbox</input>
    <input type="hidden" class="hidden1" value="Some Value" />
    <input type="text" class="text1" style="display:none" />

    JQUERY:

    $(".check1").click(function () {
        if ($('.check1').is(':checked')) {
            $(".text1").val($(".hidden1").val());
            $(".text1").show();
        } else {
            $(".text1").val("");
            $(".text1").hide();
        }
    });


    Basado en el código que has publicado, esto es lo que están buscando:

    $('.options input[type='checkbox']').click(function () {
        if ($('.options input[type='checkbox']').is(':checked')) {
            $('form').html("<input type='text'>");
        } else {
            $('form').html("<input type='hidden'>");
        }
    });

    Yo no soy de usar ¿por qué quieres hacer eso, sin embargo. Estás tratando de mostrar y ocultar el cuadro de texto? En ese caso, sólo se pueden escribir:

    $('.options input[type='checkbox']').click(function () {
        $('input[type='text']').toggle();
    });

    OriginalEl autor enb081

Dejar respuesta

Please enter your comment!
Please enter your name here