0

Buen dia. Necesito hacer una función que sirva para todos los checkbox de un formulario, esta función debe de crear un input con el id igual al id del checkbox seleccionado y al deseleccionar el checkbox se debe eliminar el input.

tengo la siguiente función pero no me funciona correctamente.

    $(function() {
    $("input[type='checkbox']").click(function() {
        if ($(this).is(':checked') ) {
            var y = $("input:checked").attr("id");
            var x = document.createElement("INPUT");
            x.setAttribute("type", "text");
            x.setAttribute("value", "Hello World!");
            x.setAttribute("id", y);
            document.body.appendChild(x);
            y = "";
        }else{
            console.log('adios');
        }
    });
});

con esto genero el input y le coloco el id identico al del checkbox pero si selecciono otro checkbox mientras hay otro seleccionado, toma el id del primer checkbox que se selecciono. Espero puedan apoyarme

1 respuesta 1

0

En lugar de seleccionar el input chequeado, utiliza this asi:

 $(function() {
$("input[type='checkbox']").click(function() {
    if ($(this).is(':checked') ) {
        var y = $(this).attr("id");
        var x = document.createElement("INPUT");
        x.setAttribute("type", "text");
        x.setAttribute("value", "Hello World!");
        x.setAttribute("id", y);
        document.body.appendChild(x);
        y = "";
    }else{
        console.log('adios');
    }
});
});
4
  • 1
    Excelente resultado alanfcm Muchas Gracias hermano!! el 12 dic. 2018 a las 22:14
  • me funciono bastante bien pero, cuando quiero ponerlo dentro de un div solo puedo poner uno y ya no me permite dar click en otro checkbox ni en ninguna parte. Agregue var div = document.getElementById("inputs"); y div.appendChild(x); el 12 dic. 2018 a las 22:34
  • Te recomiendo que no uses el mismo id para identificar a mas de un elemento. Puedes agregar input al id cuando crees el input. Ademas, creo que no existe ningun elemento con el id "inputs".
    – alanfcm
    el 12 dic. 2018 a las 22:51
  • "inputs" es el nombre que le di al div donde estarían los inputs creados y si tomare tu consejo de cambiar el id a los nuevos inputs el 12 dic. 2018 a las 23:01

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.